这是我的第一篇掘金博客,开启掘金写作之路。
HTML
1.HTML简介
网页
- 网站是指因特网根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页合集。
- 网页是指网站中的某一页,通常是HTML格式的文件,需要通过浏览器来阅读。
- 网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常常以html的后缀结尾,因此网页俗称HTML文件。
HTML
- HTML是指超文本标记语言,是用来描述网页的一种语言。
- HTML不是一种编程语言,而是一种标记语言,标记语言由一套标记标签组成
- 超文本的解释
- 可以加入图片、声音、动画、多媒体等内容。(超越了文本限制)
- 可以从一个文件跳转到另一个文件。(链接文件)
浏览器
- 浏览器是网页显示,运行的平台。
- 浏览器的内核(渲染引擎 ):负责读取网页内容,整理信息,计算网页的显示方式并且显示网页。
Web标准
-
Web标准是由W3C组织和其他标准化组织而制定的一系列标准的集合。
-
为什么需要WEB标准?
- 因为使用的浏览器有所差异,它显示的页面和排版可能有区别。所以诞生了web标准。
-
WEB标准的优点
- 让WEB发展前景更加广阔。
- 内容能够被更多的设备访问。
- 更容易被搜索引擎搜索到。
- 降低网站的流量费用。
- 使网站更容易维护。
- 提高页面的浏览速度。
-
构成
- 主要由结构、表现、行为三方面构成
- 结构:结构用于对网页元素进行整理和分类。主要指HTML。
- 表现:表现用于设置网页元素的版式、颜色、大小等外观。主要指CSS。
- 行为:行为是指网页模型的定义以及交互的编写。主要是指JavaScript。
- WEB标准提出的最佳体验方案:结构,表现,行为相分离——结构写在HTML文件中,表现写在CSS文件中,行为写在JavaScript文件中。
2.HTML语法规范
1.基本语法规范
- HTML标签是由尖括号包围的关键词
- HTML标签通常是成对出现的,称之为双标签,第一个标签是开始标签,第二个标签是结束标签。
- HTML还存在少数的单个标签,称之为单表签,例如
- 标签关系有包含关系(父子关系)和并列关系(兄弟关系)
2.基本结构标签
- 骨架标签——页面内容书写部分!
3.HTML常用标签
1.标题标签
2.段落标签
3.换行标签
4.文本格式化标签
5.div和span标签
6.图像标签和路径
7.相对路径和绝对路径
- 相对路径:根据当前文件所在位置为参考,建立的目录路径
- 绝对路径:从根目录到文件的整个完整的路线,叫做绝对路径
8.超链接标签
- 在HTML中,a标签用于定义超链接,作用是从一个页面链接到另一个页面。
9.注释和特殊字符
10.表格标签
- 表格标签是用来展示数据的。
- 合并单元格
3. 合并单元格的步骤
- 先确定跨行还是跨列。
- 找到目标单元格。写上合并方式 = 合并的单元格数量。
- 删除多余的单元格。
11.列表标签
- 表格标签是用来显示数据的,列表标签是用来布局的。
- 列表的分类
- 无序列表!
- 有序列表!
- 自定义列表!
12表单标签
-
表单标签的作用:收集用户信息在网页中,我们需要跟用户进行交互,收集用户资料,此时就需要表单。
-
表单的组成:表单域,表单元素,提示信息!
-
表单域:是一个包含表单元素的区域!
-
表单元素(表单控件):表单元素就是允许用户在表单中输入或选择的内容控件
-
input:输入表单元素
-
i==input单标签的作用是用于收集用户信息==
-
input type="属性值"
-
属性值:用来指定不同的表单控件【type属性值类型】
属性 作用 button 可点击按钮:多数情况下,用于通过JavaScript启动脚本 checkbox 多选按钮 file 输入字段和浏览按钮(提供文件上传) password 密码字段 radio 单选按钮 reset 重置按钮:会清楚表单中的所有数据 submit 提交按钮:把表单数据发送到服务器 text 单行的输入字段:用户可以输入文本,默认宽度为20个字符 -
【input标签的其他属性值】
属性 属性值 作用 name 用户自定义 定义input元素的名称:后台可以通过这个name属性找到表单。页面中的表单很多,name的作用就是用于区别不同的表单 value 用户自定义 规定input元素的值:表单元素刚打开显示的默认值 checked checked 规定此input元素首次加载时应该被选中 maxlength 正整数 规定输入字段的最大程度
-
-
select:下拉表单元素
-
textarea:文本域元素
-
-