HTML: 超文本标签语言，用来描述网页的一种语言
2. 语法格式1 <HTML> 2 <head>3 <Title></Title> 4 </head> 5 <body> 6 </body>7 </HTML>
1) <HTML> </HTML>
作用所有HTML中标签的根节点，最大的标签
2) <head></head>文档的头部标签，描述了文档的各种属性信息，包括文档的标题、样式等
3) <Title></Title>文档的标题
4) <body></body>文档的主体
3. 标签分类 3.1 双标签<标签名>内容</标签名>
3.2 单标签<标签名/>
4. 标签关系 4.1 嵌套关系<head> <Title> </Title> </head>
4.2 并列关系<head></head>
<body></body>
5. 文档类型<!DOCTYPE HTML>1)<!DOCTYPE>标签位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或xhtml标准规范，必须在开头使用
2)<!DOCTYPE>标签为所有的xhtml文档指定xhtml版本和类型，只有这样浏览器才能按指定的文档类型进行解析
6. 字符集1) utf-8 : 目前最常用的字符集编码方式，包含全世界所有国家需要用到的字符
2) GBK : 包含全部中文字符（简体中文和繁体中文），是gb2312的扩展
3) gb2312 : 简体中文，包括6753个汉字
4)BIG5 : 繁体中文，港澳台等用
7. 常用快捷键 快捷键8. 常用标签 8.1 标题标签
h1-h6 ： 六级标题，依据重要性递减
注意：h1标签很重要，一般一个页面只有一个h1标签
8.2 段落标签<p>文本内容</p>
默认文本在一个段落中会根据浏览器窗口的大小自动换行
8.3 水平标签<hr/> ： 在网页中显示默认样式的水平线
8.4 换行标签<br /> ：文本格式化标签
8.5 文本格式化标签1）加粗 ：<b></b>
<strong></strong>
2）斜体：<i></i>
<em></em>
3）加删除线：<s></s>
<del></del>
4）加下划线： <u></u>
<ins></ins>
5）上标 ：<sup></sup>
6）下标：<sub></sub>
8.6 图象标签<img src="" />
1）src:图象的路径
2）alt：图象不能显示是的替换文本
3）Title:鼠标悬停是显示的内容
4）wIDth:设置图象的宽度（xhtml不支持%页面百分比）
5）height:设置图象的高度（xhtml不支持%页面百分比）
6）border:设置图象边框的宽度
8.7 标签属性1）标签可以拥有多个属性，必须写在开始标签中，位于标签名后面
2）属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
3）任何标签的属性都有默认值，省略该属性则取默认值
4）采用键值对的格式 key="value"
5）尽量不适用样式属性
8.8 链接标签<a href=""转跳目标"" target=""目标窗口的d出方式"" >文本或图象</a>
1）href:用于指定链接的目标的URL地址
2）target:用于指定链接页面的打开方式
3）_self:在本窗口中打开
4）_blank:在新窗口中打开
注意：1.外部链接需要添加http://
2.内部链接直接链接内部页面名称即可，比如：<a href=""index.HTML"">首页</a>
3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”（即href=""#""）,表示该链接暂时为一个空链接
4.在网页中各种网页元素如图象、表格、音频、视频等都可以添加超链接
8.9 base标签1）用来设置整个页面链接的打开方式
2）位于<head></head>之间
3）<base target=""_blank""/> 将所有链接默认打开方式均为在新窗口中打开
8.10 锚点定位1）使用相应的ID名标注专挑目标的位置，如<h3 ID=""two"">第二集</h3>
2）使用 a href=""#ID名"">链接文本</a>,如：<a href=""#two"">
8.11 特殊字符标签 8.12 注释标签<!--注释语句-->
8.13 div和span标签 1）div标签<div></div>： 没有语义，是网页布局的盒子，用来组合网页，独占一行
2）span标签<span></span>：没有语义，是网页布局的盒子，多个span标签在一行显示
8.14 列表标签 8.14.1 无序列表<ul> <li>列表项1</li> <li>列表项2</li> ......</ul>
1.<ul></ul>中只能嵌套<li></li>,不可以直接在<ul></ul>标签中输入其他标签或者文字
2.<li></li>中可以使用所有标签
3.无序列表会带有自己的样式属性，可以用CSS更改样式
8.14.2 有序列表<ol> <li>列表项1</li> <li>列表项2</li> ......</ol>8.14.3. 自定义列表
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ...</dl>
dt自定义列表的小标题，dd自定义列表的解释项
8.15 表格标签<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>注意：
1）table 用于定义一个表格
2）tr用于定义表格中的一行，必须嵌套在table标签中
3）td用于定义表格中的单元格，必须嵌套在tr中
4）tr中只能嵌套<td></td><th></th>
5）td标签可以容纳所有标签
6）th 为表头标签，只需用表头标签th代替相应的单元格标签td即可，一般位于表格的第一行或第一列
属性1.border : 设置表格的边框默认为0
2.cellspacing ： 设置单元格与单元格边框之间的空白间距
3.cellpadding ：设置单元格内容与单元格边框之间的空白间距
4.wIDth : 设置表格的宽度
5.height : 设置表格的高度
6.align ：设置表格在网页中的水平对齐方式 left | center | right
表格结构1）<thead></thead> 用于定义表头，一般包含网页的logo和导航等头部信息
2）<tbody></tbody> 用于定义表格的主体，一般包含网页中除头部和底部之外的其他内容
表格标题<caption>我是表格标题</caption> ： caption标签必须紧随table标签之后
合并单元格1）rowspan 跨行合并（垂直方向的合并）
2）colspan 跨列合并（水平方向的合并）
注意：要将不需要的单元格注释掉 8.16 表单标签 8.16.1 input 输入标签 type属性： 1）text 单行文本输入框a)maxlength 输入字符长度最大值
b）name 表单控件的名称
c）size 控制表单长度(几乎用不到,用CSS)
2）password 密码输入框 3）radio 单选按钮a）想实现单选效果,必须把name值设为相同
b）checked=""checked"" 设置默认选项
4）checkBox 复选框a）checked=""checked"" 设置默认选项
5）button 普通提交按钮，不能提交,配合Js做特效 6）submit 提交按钮 7）reset 重置按钮，恢复到初始值 8）image 图象按钮，src=""图片路径"" 可以提交 9）file 文件域 8.16.2 textarea 文本域 ：多行文本输入框1）rows 控制输入的行数
2）cols 控制一行可以输入的字符长度
8.16.3 select 下拉菜单selected=""selected""设置下拉菜单默认选项
格式：
<select> <option>1993</option> <option>1994</option> <option selected=""selected"">1995</option></select>8.16.4 label标签
1）将label把后面input绑定起来，当点击label里文字时,绑定的表单元素会获取光标焦点
2） label的for值=input设置的ID值
8.16.5 表单域
<form action=""URL地址"" method=""提交方式"" name=""表单名称""> 各种表单控件</form>
1）action : action属性用于指定接收并处理表单数据的服务器程序的URL地址
2）method : 用于设置表单数据的提交方式，其取值为get(默认)或post。
3）name : 用于指定表单的名称，以区分同一个页面中的多个表单
9. 路径 9.1 相对路径1）相对路径以当前文件的路径出发
2）当前文档和目标文档在同一个目录（文件夹），直接写文件名，如：<img src=""01.jpg"" "">
3）目标文档在当前文档的下一级，文件夹名+/+文件名，如：<img src=""image/02.jpg"" "">
4）目标文档在当前文档的下一级的下一集，文件夹名+/+文件夹名+/+文件名，如：<img src=""images/photo/03.jpg"" "">
5）目标文档在当前文档的上一级，../+文件名，如：<img src=""../04.jpg"" "">
6）目标文档在当前文档的上一级的上一级，../+../+文件名，如：<img src=""../../05.jpg"" "">
9.2 绝对路径1）从根目录出发
2）电脑的绝对路径 从盘符出发 绝对不能用
<img src=""E:\image\2.jpg"" "">
3)互联网的绝对路径 从服务器出发
<img src=""http://www.baIDu.cn/images/logo.gif"" "">
总结以上是内存溢出为你收集整理的HTML知识点全部内容，希望文章能够帮你解决HTML知识点所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）