html的标签及其使用方法(1)

标题和段落标签

文本空格标签： ；&emsp；

居中标签：align=“center”；

图片标签

相对路径：页面和图片在同一个文件夹，不需要定义路径

页面引用子文件里的图片，路径查找使用 img1/img2/img3

页面引用外层文件夹里的图片，路径查找使用 ../../...

alt:只有图片破损才显示

title：title属性定义的内容是不占据页面空间的

默认是隐藏的，只有鼠标划入的时候才会显矛

超链接：

target="_self":代表在当前页面打开

target="_blank":代表在空白页面打开

文本常用标签：

b: 标签仅仅是为了加粗显示文本

Strong:标签语义化更强，表示该文本比较重要

<i>倾斜的文本</i> :仅仅为了让字体倾斜，没有强调的语义

<em>倾斜的文本</em>:不仅能让字体显示倾斜，还可以加强语气

<s>删除标签</s>:现在html5不支持使用

<del>删除标签</del>

<u></u>:下划线标签

:上角标标签

:下角标标签

无序列表：

<ul>

        <li></li>

</ul>

• <ul type="">

type="disc"实心圆，“circle”空心圆，“none”隐藏项目，“square”实心方块

自定义列表：

<dl>

    <dt>

         <dd></dd>

    </dt>

</dl>

有序列表：

<ol>

     <li></li>

</ol>

<ol type="A a 1 i L"  start="取值">

大写A代表排序A-Z的排序 ，后面都一样

快速创建标签：

h1{这是一级标签}*4

h1{这是S级别的标题}*6

ul>li{这是ul里面的Li}*5

表格语法：

<table border=”1” wideth=”” height=”” cellspacing=”” cellpadding=”” >

<tr> <td></td> </tr> </table>

cellspacing: 定义是单元格之间的距离

cellpadding: 定义单元格边框和文本之间的距离

bgcolor：修饰表格的背景颜色

bordercolor：修饰表格的边框颜色

表格属性：

Valign垂直对齐方式：top顶部对齐；middel居中对齐；botton底部对齐；

单元格合并：

列合并：rowspan 行合并：colspan

表格标题和结构分组：

行分组：<caption>标题</caption>

<thead><tbody><troot></troot></tbody></thead>

列分组：<colgroup span='1'></colgroup>

文本框和密码框：

用户名:<form action=""><input type="text">

密码<input type="password="""></form>

多行文本框:<form><textarea cols="" rowa=""></textarea></form>

取值按钮：

<input type="radio" name="1">男女选框

<input type="checkbox">正方形选框

下拉菜单：

单选<select>

            <option value="">1<option> 加selected默认属性

        <select>

多选：<select> 加multiple多选属性 Ctrl键+鼠标左键多选

              < option value="">1<option>

         <select>