HTML的标签不区分大小写基础标签:
1,html:定义HTML文档,所有标签都写在内部,网页的内容在其中
2,head:标题,字符格式,语言,兼容性,关键字,描述等信息在其中
3,body:网页需展示的内容在其中
4,<!DOCTYPE>声明:位于文档的最前面,定义文档的类型,告知浏览器,文档是使用那种HTML或HTML规范
5,title:定义文档的标签,浏览器标签显示的标签
6,h1-h6:定义标题,标题字体显示的大小不同,h1>h2…>h6
1,html:定义HTML文档,所有标签都写在内部,网页的内容在其中
2,head:标题,字符格式,语言,兼容性,关键字,描述等信息在其中
3,body:网页需展示的内容在其中
4,<!DOCTYPE>声明:位于文档的最前面,定义文档的类型,告知浏览器,文档是使用那种HTML或HTML规范
5,title:定义文档的标签,浏览器标签显示的标签
6,h1-h6:定义标题,标题字体显示的大小不同,h1>h2…>h6
<h1>这是一个标题</h1>
7,p:定义段落,
<p>这是一个段落</p>
8,hr单标签:定义水平线
<hr/>
9,br单标签:定义简单的换行
<br/>
注释:《!----》,英文符号在浏览器不显示,此处用中文符号代替。
格式标签:
1,em:强调文本,使得文本斜体显示
2,small:定义小号文本,使得文本变小
3,b:定义粗体文本,使得文本变粗
图像标签:
1,img单标签:
<img src="/myH5/src/icon.png" alt="图片跑丢了" width="100px" height="100px"/>
属性:
src:说明图像地址
alt:当图片加载不出时,显示的提示信息
链接:
1,a:跳转到当前页面,或另一页面
<a href="https://www.baidu.com">百度</a>
属性:
href:跳转页面的地址
target:是否新建另一个页面显示链接,默认在当前页面显示,
_blank打开另一个页面
列表:
1,无序列表:
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
ul:定义无序列表
li:定义列表的项目
2,有序列表:
li:定义列表的项目
2,有序列表:
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
ol:定义有序列表
li:定义列表的项目
3,列表:
li:定义列表的项目
3,列表:
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
dl:定义列表
dt:定义列表中的项目
dd:定义列表中项目的描述
表单标签:用来输入数据
1,form:定义供用户输入的HTML表单
dt:定义列表中的项目
dd:定义列表中项目的描述
表单标签:用来输入数据
1,form:定义供用户输入的HTML表单
<form>
.
input 元素
.
</form>
属性:
action:跳转地址
2,input:定义输入控件
action:跳转地址
2,input:定义输入控件
<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>
属性:
type:输入文本类型(text,password,submit,button等)
placeholder:提示文本
value:当type为submit时,input就作为跳转按钮,value为按钮说明, 点击后就会跳转到form标签中地址中。当type为button时,input就作为普通按钮
3,textarea:定义多行的文本输入控件,对文本框做说明
type:输入文本类型(text,password,submit,button等)
placeholder:提示文本
value:当type为submit时,input就作为跳转按钮,value为按钮说明, 点击后就会跳转到form标签中地址中。当type为button时,input就作为普通按钮
3,textarea:定义多行的文本输入控件,对文本框做说明
<textarea rows="10" cols="30">
我是一个文本框。
</textarea>
属性:
clos:宽
rows:高
4,select:定义选择列表(下拉列表)
clos:宽
rows:高
4,select:定义选择列表(下拉列表)
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
5,option:定义选择列表中的选项(在select里面)
6,label:定义input元素的标注
6,label:定义input元素的标注
<form action="demo_form.php">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br><br>
<input type="submit" value="提交">
</form>
表格标签:
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
1,table:定义表格
属性:
border:设置表格单元边框,值为数字
2,caption:定义表格标题
3,tr:定义表格中的行
4,td:定义表格中的单元
样式标签:做区块的划分
1,style:定义文档的样式信息,在head标签内,定义某个标签的样式(颜色,字体等)
2,div:定义文档中的区域(大区域)
3,span:定义文档中的节(小区域)
属性:
border:设置表格单元边框,值为数字
2,caption:定义表格标题
3,tr:定义表格中的行
4,td:定义表格中的单元
样式标签:做区块的划分
1,style:定义文档的样式信息,在head标签内,定义某个标签的样式(颜色,字体等)
2,div:定义文档中的区域(大区域)
3,span:定义文档中的节(小区域)