HTML基本语法
1.常规标记（又称双标记）
<标记></标记>
<标记 属性=“属性值” 属性=“属性值”></标记>
标记也可叫做标签或者元素
例:<head></head>
2.空标记（又称单标记）
<标记/>
<标记 属性=“属性值/”>
例：<br/>
文档声明与字符编码
1.<!DOCTYPE html>（特殊且固定的文档声明标签）
2.<html lang="en"> 规定语言（搜索引擎优化和浏览器有帮助）
3.<meta charset="***">编码
ASCLL-美国信息交换标准代码
ISO-8859-1-拉丁字母表的字符编码
GB2312-汉字编码字符集
UTF-8-Unicode万国码字符编码
常用标签
文本标题（h1-h6）
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六集标题</h6>
注：文本标题标签自带加粗，有自己的文本大小，并且独占一行，有默认间距
段落文本
<p>段落文本内容</p>
标识一个段落（段落与段落之间有段间距）
换行
<br/>
换行是一个空标记（强制换行）
水平线
<hr/>
空标记
加粗
<b>加粗内容</b>只是显示加粗
<strong>强调的内容</strong>突出文本
倾斜
<em>强调文本</em>
<i>倾斜文本<i>
删除线
<s>文本</s>删除线
<del>文本<del>删除线
扩展
<u>文本</u>下划线
<sub>文本</sub>下标
<sup>文本</sup>上标
hr
<hr color="red" width="300px" align="right">
color=颜色
width=宽度
align=对其方式
noshade=取消阴影
特殊符号
div和span标签
div标签：
没有具体含义，用来划分页面区域，独占一行
span标签：
没有实际意义，主要应用在对文本独立修饰的时候，内容有多宽就占用多宽空间距离。
列表
有序列表
1.li里面可以随意放标签，但ol里面只能放li
2.数字是自动生成
ol：type 1a,A,i,I
start 取值只能一个数字
无序列表
1.ul里面只能放li，li里面可以放其他标签
2.默认的是黑色实心圆
ul：type disc，circle，square，none（用的多）
图片标签的路径
相对路径：
在路径中表示当前路径
在路径中表示上一级路径
<body>
<img src="./文件夹或文件名/文件夹或文件名" alt="" >
<!-- .表示向内寻找 ..表示向外寻找 -->
</body>
绝对路径：例
E:/ke/qf_dl20190108/20190108/img/animal/dog.jpg
http://cms-bucket.ws.126.net/2019/04/16/7a5b31e0ce5474a7515.jpg
图片标签的属性
<img src="图片路径" title=“鼠标悬停上去之后的提示信息” alt=“图片不显示之后的提示信息” width=“200px” height=“200px”/>
超链接标签
<a href="路径" title=“鼠标悬停之后提示的信息” target=“规定在何处打开文档”>内容</a>
target属性：
1.target=“_self”默认值
2.target="_blank"新窗口打开
table表格
tr表示行，td表示列
td在tr里面
table表格相关属性
行tr属性
单元格td属性
表格合并列和列
合并列：Colspan=“”
合并行：Rowspan=“”
表单标签
<form method="get或者post" action="向何处发送表单数据"><input/><form>
<test>：普通的文本输入框
<password>：密码输入框
<checkbox>>：复选框
<radio>：单选框
<file>：上传文件
<submit>：提交按钮
<reset>：重置按钮
submit提交信息到action的地址
css
css外部样式
css行内样式表
css样式表
优先级:
行内>内部>外部
important强制优先
扫一扫
163
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
