这里写目录标题
- 字体标签
- < font>
- 格式化标签
- 换行标签 < br/>
- 段落标签< p> < /p>
- 标题标签
- 空格标签 & nbsp;
- 注释
- 图片标签
- 列表标签
- 超链接标签
- 表格标签
- 合并单元格
- 块标签
- 表单标签
- 输入项标签
- 选择标签
- 文本域标签
- 表单标签
< head >里面写的是网页的说明性内容,< body>里面是写网页展示内容
字体标签
< font>
格式化标签
换行标签 < br/>
段落标签< p> < /p>
大风歌<br />
刘邦 〔两汉〕<br />
<p>大风起兮云飞扬,</p>
<p align="center">威加海内兮归故乡,</p>
<p align="right">安得猛士兮守四方!</p>
标题标签
<h1>大风歌</h1>
<h2>大风歌</h2>
<h3>大风歌</h3>
<h4>大风歌</h4>
<h5>大风歌</h5>
<h6>大风歌</h6>
空格标签 & nbsp;
注释
图片标签
<img src="路径" width="400" height="400"/>
<img src="路径" width="50%" />
互联网路径
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="50%" />
相对路径
绝对路径
列表标签
< ul>< /ul>:无序列表标签,用于在效果中定义一个无序列表。
< li>< /li>:列表条目标签,用于在效果中定义一个列表条目。
< ol>< /ol>:有序列表标签,用于在效果中定义一个有序列表。
<ul>无序列表
<li>第一个</li>
<li>第2个</li>
<li>第3个</li>
<li>第4个</li>
</ul>
<ol>有序列表
<li>第一个</li>
<li>第2个</li>
<li>第3个</li>
<li>第4个</li>
</ol>
超链接标签
<a href="http://baidu.com">百度</a>
<a href="http://baidu.com"><img src="图片地址"/></a>
<a href="../img/c 1.ipg">链接到一张图片上</a>
表格标签
1.定义一个表格 < table>< /table>
2.定义表格的一行 < tr>< /tr>
3.在表格一行中定义单元格< td>< /td>
<table>
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>小米</td>
<td>难</td>
<td>12</td>
</tr>
<tr>
<td>小白</td>
<td>难</td>
<td>34</td>
</tr>
</table>
< th> < /th>:表头单元格,居中,加粗
<table border="1px" width="50%">
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>小米</td>
<td>难</td>
<td>12</td>
</tr>
<tr>
<td>小白</td>
<td>难</td>
<td>34</td>
</tr>
</table>
合并单元格
<tr>
<td colspan="2">1</td>
<td>3</td>
</tr>
块标签
< div>< /div>:块级的块标签,用于在效果中定义一块,默认占满一行,进行内容的显示。会自动换行,默认占满一行,适用于大量数据展示。
< span>< /span>:行级的块标签,用于在效果中一行上定义一个块,进行内容显示。有多少内容,就会占用多大空间。Span 不会自动换行,适用于少量数据展示。
<div>我是111111111</div>
<div>我是22222</div>
<span>11111111</span>
<span>11111111</span>
表单标签
表单作用:用来提交用户输入的数据。提交给服务器的程序相当于一个WEB程序的入口。
1.定义一个表单标签 < form>< /form> |
2.在表单中定义对应的表单输入项 |
输入项标签
表单点击提交按钮,提交数据时。?参数列表
参数列表格式:
参数=参数值1&参数2=参数值2&参数3=参数值3on表示珠中
? s=on
所以需要设置对应的value值
<form>
用户名:<input /><br/>
密码:<input type="password" /><br/>
性别:<input type="radio" name="s" value="man"/>男
<input type="radio" name="s" value="women"/>女
<br/>
照片:<input type="file" name="photo"/>
<input type="submit" />
</form>
选择标签
value是要提交的值
<form>
<select name="t">
<option value="1">12</option>
<option value="2">23</option>
<option value="3">44</option>
<option value="4">55</option>
</select>
</form>
文本域标签
<form >
个人简介:<textarea name="有这个才可提交">sdsdsd</textarea>
</form>
表单标签
<form action="提交的地址" method="post">
个人简介:<textarea name="有这个才可提交">sdsdsd</textarea>
</form