html常用标签

1.网页标题

    语法： <hx>网页标题内容</hx>  (x为1-6)

    eg：

<h3>共享博客</h3>

    注：h1~h6字体逐渐缩小，都有加粗效果

2.段落文本

    语法：

<p>段落文本内容</p>

3.空格(html转义字符）

    &nbsp;       注： &gt;    ">"    &lt;    "<"

4.强制换行

    语法：

<br/>

5.加粗

    语法：

<strong>加粗</strong>
<b>加粗</b>

6.倾斜

    语法：

<i>倾斜</i>
<em>倾斜</em>

7.水平分隔线

    语法：

<hr/>

8.上标和下标

    语法

<!-- 上标 -->
<sup>5</sup>
<!-- 下标 -->
<sub>5</sub>

9.无序列表

    语法：

<ul>
	<li>内容</li>
	<li>内容</li>
</ul>

10.有序列表

    语法：

<ol>
    <li>内容</li>
    <li>内容</li>
</ol>

11.自定义列表

    语法：

<dl>
    <dt>名词</dt>
    <dd>解释...</dd>
    <dd>解释...</dd>
</dl>

12.图片

    语法： <img src="图片路径" width="数值" height="数值" title="提示信息" alt="替换信息"/>

    eg：

<img src="1.jpg" width="200" height="100" title="共享博客" alt="图片加载失败"/>

    注：alt和title的区别

           title是当鼠标悬停在图片上时显示的提示信息

           alt是当图片由于某些原因无法正常加载时显示的替换信息

13.超链接

    语法：<a href="链接地址" target="_blank" title="提示信息">链接文本或图片</a>

    eg:

<a href="http://sharedbk.com" target="_blank" title="提示">共享博客</a>

<a href="#">共享博客</a>
<!-- (空连接地址，跳转至本页面) -->

    注： target="_blank" 链接在新窗口打开

           target="_self" 链接在本页面打开

14.表格

    作用：显示数据

    语法：

<table border="1" cellspacing="0" cellpadding="0">
    <tr height="30" align="center">
        <td width="100">...</td>
        <td width="100">...</td>
    </tr>
</table>

    注： table表格相关属性

        ① border 设置表格边框

        ② cellspacing 设置单元格间距

        ③ cellpadding 设置内容和单元格之间的空隙

        ④ width 定义单元格或表格的宽度

        ⑤ height 定义单元格或表格的高度

        ⑥ colspan 合并列(加载td上)↔

        ⑦ rowspan 合并行(加载td上)↕

        ⑧ align 定义单元格内容的对齐方式    align="left | center | right";

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓