1.标题标签<h1></h1>,<h6></h6>。
2.段落标签<p></p>。
3.换行标签<br />。
4.文本格式化标签:
加粗<strong></strong>,倾斜<em></em>,删除线<del></del>,下划线<ins></ins>。
5.盒子标签:
大盒子<div></div>,小盒子<span></span>。
6.图像标签<img src=“图像路径和名.jpg”/>。
属性:替换文本alt="加载失败文字",提示文本title="鼠标放图文字",宽度width="500",高度heigth="100",边框border="100"。
属性之间空格隔开。
src属性值:绝对路径和相对路径。
目录文件夹:普通文件夹,只是放html文件,图片等做页面的相关素材。
根目录:直接打开文件夹看到的第一层。
相对路径:同级(src="图名.jpg"),上级(src="../图名,jpg"),下级(src="路径文名/图名.jpg")。
<img src="../images/1.jpg" />。
绝对路径:复制电脑图路径,因此只有在本台电脑才行。或复制网络图路径,需联网。
7.超链接标签<a href="目标地址"></a>。
属性:打开方式target=“_blank”。
href属性值:外部链接和内部链接。
外部链接:复制网页绝对路径。<a href="http://www/itcast.cn"></a>。
内部链接:网页内部的相互链接。<a href="index.html"></a>。
空链接:#。<a href="#"></a>。
下载链接:链接文件.exe,.zip。<a herf="1.zip"></a>。
网页元素链接:图片,表格,音频。但是是把图片等标签放到超链接标签中间<a herf="http://www.baidu.com"><img src="图名.jpg"></a>。
锚点链接:#名字。<a href="#tiaozhuanming"></a>。
目的位置标签加id属性<h4 id="tiaozhuanming"></h4>。
8.注释标签和特殊字符
注释标签<!-- --> ctrl /。
特殊字符:空格 <<>>&&¥¥有;29。
9.表格标签
<table>
<thead>表头区域
<tr>第一行内容
<th>1</th>第一行第一个单元格,可写成表头单元格
<th>2</th>第一行第二个单元格
</tr>
</thead>
<tbody>表体区域
<tr><td></td><td></td></tr>第二行内容
<tr><td></td><td></td></tr>第三行内容
</tbody>
</table>
属性写到table(CSS):表格对齐align="left/right/center",边框border="1",表内边距cellpadding="20",表间边距cellspacing="0",宽度width="200",高度height="500"。
合并单元格:跨行合并和跨列合并。
跨行合并:colspan=“个数”。多余合并的格删掉。
跨列合并:rowspan="个数"。多余合并的格删掉。
目标单元格:写合并代码,最上或最左为目标单元格。
<td colspan="3"></td>。然后删多余单元格。
10.列表标签
列表标签分为:无序列表,有序列表,自定义列表。
无序列表
<ul>
<li></li>
<li><li>
</ul>
有序列表
<ol>
<li></li>
<li></li>
<ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
11.表单标签
表单组成:表单域,表单控件,提示信息。
<form action="接收地址" method="get/post" name="表单域名">表单域
文本框<input type=“text” name="username " value="请输入用户名" maxlength="6">name区别每个表单元素,value显在文本框里。
密码框<input type="password">
单选框<input type="radio" name="tongname" value="女" checked="checked">value只便于后台理解,checked默认选中,单选只能一组一个checked,多选可以一组多个checked。
复选框<input type="checkbox" name="lingtongname">
提交按钮<input type="submit" value="免费注册">
重置按钮<input type="reset" value=“重新填写”>
普通按钮<input type="button" value="获取短息验证码">(JS)
文件域<input type="file">
*绑定表单元素标签<label for="nan">男</label>
<input type="radio" name="sex" value="男" id="nan">
下拉表单<select>
<option selected="selected"></option>默认选定
<option></option>
</select>
文本域<textarea cols="50" rows="5">一行显示50个字,可以写第6行会有滚动条。
文本域默认显示的文字。
</textarea>
</form>
表单控件:input输入表单元素,select下拉表单元素,textarea文本域表单元素。
总结
常用标签分为:块级标签(独占一行,可设宽高);行内标签(同行显示,不可设宽高);行内块标签(同行显示,可设宽高)。
块级标签:
<h1~6></h1~6>,<p></p>,<div></div>,<table></table>,<ul></ul>,<ol></ol>,<dl></dl>,<form></form>。
行内标签:
<br />,<strong></strong>,<em></em>,<del></del>,<ins></ins>,<span></span>,<a></a>,<label></label>。
行内块级标签:
<img>,<input>。
文字直接写body里或body标签里。
行内属性一般 隔开,<X XX="XXX" XXX XXX>