互联网公司网站建设ppt模板公司网站 优帮云
一.基础标签
1.段落标签<p></p>
特点：分段分割
2.标题标签<h1></h1>……<h6></h6>
特点：文字加粗，单独占一行
3.换行标签<br />
特点：单标签，强制换行
二.文本格式化标签
1.粗体标签<strong></strong>或者<b></b>(更推荐strong，重点)
2.斜体标签<em></em>或者<i></i>（更推荐em，重点）
3.删除线标签<del></del>或者<s></s>（更推荐del）
4.下划线标签<ins></ins>或者<u></u>（更推荐ins）
三.盒子标签
1.大盒子标签<div></div>
特点：一行只能放一个
2.小盒子标签<span></span>
特点：一行可以放多个
四.图像标签
图像标签<img src="图像的地址" /> （src必写）
其中其他的属性
1.alt——当图像无法显示的时候，出现的文字
2.title——当鼠标放在图片上时出现的文字
3.width——设置宽度（一般将width和height设置其中一个，然后另外一个自动将它等比例变化）
4.height——设置高度
5.border——设置图像的边框粗细
注意：可以拥有多个属性，必须写在标签名的后面；属性之间不分先后顺序，之间以空格分开；格式为：属性=“属性值”
相关图像地址知识：
1.当为相对路径时：
同级可以直接使用
下一级路径 / 例如<img src="images/baidu.gif">
上一级路径 ../ 例如<img src="../baidu.gif">
2.当为绝对路径时：
一般直接用网页上的图像复制地址即可得到
五.链接标签
1.格式<a href="跳转目标" target="弹出窗口的弹出方式">文本或图像</a>
其中target有两个选择，默认为_self即覆盖原窗口，_blank则新创建一个窗口
如果暂时没有合适的地址，可以用"#"这个空链接代替
2.锚点链接<a href="#名字"></a> 对应名字用id
例如要在很长的一个页面直接跳到某个位置，则可以使用锚点链接
<a href="#two">第二集</a>
<h3 id="two">第二集介绍</h3>
六.注释标签和特殊字符
1.注释：<!-- -->
2.空格符——& nbsp；
3.小于号——& lt
4.大于号——& gt
七.表格标签
1.表格框架：
<table>
<tr>
<td></td>
</tr>
</table>
由外到内：就是table，tr，td
table用来定义表格的标签
tr用于定义表格中的行，必须嵌套在table里
td用于定义表格中的单元格，必须嵌套在tr里
如果第一行的单元格属于一个大类，一般用th这个表头单元格标签替换td
th的特点：里面的内容加粗居中显示
2.表格属性
加在table后面
align表示该表格在哪里，有三个选择：left，center，right
border表示是否有边框，有两个选择：默认为""，没有边框；"1"，有边框
cellpadding：单元边沿与其内容之间的空白
cellspaceing：单元格之间的空白
width：表格的宽度
3.表格结构标签
加在table里面
thead用于定义表格的头部，内部必须有tr，一般位于第一行
tbody用于定义表格的主体
框架：
<table>
<thead>
……
</thead>
<tbody>
……
</tdody>
</table>
八.列表标签
1.无序列表（前面带一个黑点）
格式：
<ul>
<li></li>
……
<li></li>
</ul>
注意：不能在ul加其他非li标签，要加只能加到li里面
2.有序列表（前面带1234标号）
格式：
<ol>
<li></li>
……
<li></li>
</ol>
注意：不能在ol加其他非li标签，要加只能加到li里面
3.自定义列表（一般用在页面最底下）
格式：
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
注意：不能在dl加其他非dt,dd标签，要加只能加到dt和dd里面，一般都是一个dt对多个dd
九.表单
表单的目的就是为了填写信息
三个部分：表单域，表单控件，提示信息
表单域有<form></form>确定范围
表单控件有input，select，textarea
1.input
格式：<input type="属性">
type属性：
text——文本框
radio——单选按钮（小圆圈）
checkbox——复选框（小方框）
password——密码框
hidden——定义隐藏的输入字段
button——可点击按钮
reset——重置按钮
submit——提交按钮
name属性：
对于单选按钮必须要用相同的name（name="sex"）
value属性：
默认没输入的时候就显示的文字(value="请输入用户名")
checked属性：
首次加载进来后默认勾选某一个（checked="checked"）
maxlength属性：
文本框最多可以输入多少个长度(maxlength="6")
label标签：增加可点击范围
格式：<label for="名字"> ……</label>，对应的表单控件添加id="名字"
例如：<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
2.select下拉表单
格式：
<select>
<option>……</option>
<option>……</option>
</select>
给option里面加上selected可以自动默认选择某一个
例如：<option selected="selected">火星</option>
3.textarea文本域
格式：
<textarea rows="" cols="">
文本内容
</textarea>
注：如果不够了，会添加滚动条可以继续填写