pink-html标签

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 /。

        特殊字符：空格&nbsp;<&lt;>&gt;&&amp;￥&yen;有；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>