提供网站建设制作,wordpress安装无法连接数据库,广元市建设局网站首页,wordpress弱口令大家天天开心#xff01; 文章目录 前言一、HTML的简介二、HTML运行方式三、html 的标签/元素-说明四、表单注意事项总结 前言 首先我们在把Java基础学习完之后#xff0c;我们就要进行网站方面的开发了#xff0c;我们要了解网页的组成#xff0c;而网页的组成有HTML,CSS,… 大家天天开心 文章目录 前言一、HTML的简介二、HTML运行方式三、html 的标签/元素-说明四、表单注意事项总结 前言 首先我们在把Java基础学习完之后我们就要进行网站方面的开发了我们要了解网页的组成而网页的组成有HTML,CSS,JavaScript 所以我们就要从HTML开始了下面我们开始进行学习。 一、HTML的简介 首先我们要知道HTML 是什么
1. HTMLHyperText Mark-up Language即超文本标签语言(可以展示的内容类型很多)
2. HTML 文本是由HTML标签组成的文本可以包括文字、图形、动画、声音、表格、链 接等
3. HTML 的结构包括头部Head、主体Body两大部分其中头部描述浏览器所需的 韩顺平Java 工程师 信息而主体则包含所要说明的具体内容 注意HTML 文件本质上是一种标记语言markup language它本身并不“运行”而是由浏览器解析并呈现。
浏览器内部的工作过程如下 加载文件当你在浏览器中输入网址时浏览器向服务器发送请求以获取 HTML 文件。当文件被传送到浏览器后浏览器会开始解析这个 HTML 文件。 解析 HTML浏览器首先解析 HTML 文件的内容浏览器内置的 HTML 解析器将 HTML 标签及其内容转换成 DOM文档对象模型树。DOM 树表示页面的结构和内容类似于树状结构每个标签都变成了一个 DOM 节点。 解析 CSS浏览器还会解析页面中引用的 CSS层叠样式表文件CSS 用于定义 HTML 元素的外观样式。浏览器将 CSS 规则应用于 DOM 树中的相应元素形成渲染树。 执行 JavaScript如果 HTML 文件中包含 JavaScript 代码浏览器的 JavaScript 引擎如 Chrome 的 V8 引擎会执行它们。JavaScript 可以操作 DOM 和 CSSOMCSS 对象模型也可以更新页面的内容或交互行为。 渲染页面浏览器结合 DOM 和 CSSOM 构建渲染树。渲染树是页面视觉内容的表示浏览器根据渲染树来确定如何在屏幕上绘制页面。接下来浏览器会进行布局和绘制将页面呈现给用户。 事件监听和交互当用户与页面交互时例如点击按钮、输入文本等浏览器会根据 JavaScript 的事件监听机制触发相应的事件可能会引发页面的更新或动画效果等。
总结来说HTML 文件通过浏览器的渲染过程被解析、样式化、执行脚本最终在屏幕上呈现页面并能响应用户的交互。 二、HTML运行方式
1.本地运行 2.远程运行 注意事项
1.HTML文件不需要编译直接由浏览器进行解析执行
2.可以选择的浏览器是你电脑安装有的浏览器,如果没有安装这个浏览器会报错 三、html 的标签/元素-说明
1. HTML 标签用两个尖括号””括起来
2. HTML 标签一般是双标签如和 前一个标签是起始标签, 后一个标签为结束标签
3. 两个标签之间的文本是html元素的内容
4. 某些标签称为单标签,因为它只需单独使用就能完整地表达意思,如br/和hr/
5. HTML 元素指的是从开始标签到结束标签的所有代码。 标签使用细节 1.标签不能交叉嵌套 2.标签必须正确关闭 3.注释不能嵌套 4. html 语法不严谨。有时候标签不闭合属性值不带””也不报错 font字体标签
例在网页上显示北京并修改字体为微软雅黑颜色为蓝色
font标签是字体标签,它可以用来修改文本的字体,颜色,大小(尺寸)
(1)color属性修改颜色 (2)face属性修改字体 标题标签 超链接标签 超链接是指从一个网页指向一个目标的链接关系这个目标可以是另一个网页也可以是相同网页上的不同位置还可以是一个图片一个电子邮件地址一个文件甚至是一 个应用程序。 无序列表 有序列表 图像标签
.img标签可以在html页面上显示图片 表格标签
基本语法 实例 表格标签-跨行跨列表格
细节 实例 table border1px bordercolor#E87EFA cellspacing0width400pxtrtd aligncenter colspan3星期一菜谱/td/trtrtd rowspan2素菜/tdtd青草茄子/tdtd花椒扁豆/td/trtrtd小葱豆腐/tdtd炒白菜/td/trtrtd rowspan2荤菜/tdtd油闷大虾/tdtd海参鱼翅/td/trtrtd红烧肉img width100px src../2.png//tdtd烤全羊/td
/tr/tableform表单介绍 模拟登录演示 细节 h1登录系统/h1formactionok.htmlmethodget
用户名:input typetextnameusernamebr/
密码:input typepasswordnameusernamebr/
input typesubmit value登录 input typeresetvalue重新填写/form------ok.html----
!DOCTYPEhtmlhtml langenheadmetacharsetUTF-8title登录成功/title/headbodyh1恭喜你登录OK/h1/body/html
input标签/元素 select/option/textarea 标签 div标签
1.标签可以把文档分割为独立的、不同的部分
2.是一个块级元素。它的内容自动地开始一个新行。 P标签
1.标签定义段落
2.p元素会自动在其前后创建一些空白。 Span标签
1. span 标签是内联元素不像块级元素如div标签、p标签等有换行的效果。
2. 如果不对span应用样式span标签没有任何的显示效果
3. 语法span内容/span 四、表单注意事项 GET和POST的区别 总结
这就是以上对HTML的总结反正前端的路任重而道远这些基础部件都是很基础的希望大家都可以掌握我也会持续更新的谢谢大家。
