HTML常用标签

2018-06-30  本文已影响0人  崔清亮

HTML常用标签

标题标签 <h1>

<h1>一级标题标签</h1>
<h2>二级标题标签</h2>
<h3>三级标题标签</h3>
<h4>四级标题标签</h4>
<h5>五级标题标签</h5>
<h6>六级标题标签</h6>

段落标签<p>及换行标签<br />

<p>
床前明月光<br />
疑是地上霜<br />
举头望明月<br />
低头思故乡<br />
</p>

加粗<strong>/斜体<em>

<strong>简介</strong>
<p>
<em>2008</em>年设立人才实训中心

<em>2009</em>年成为教育部软件工程专业大学生实习基地

</p>

列表标签

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>列表</title>
</head>
<body>

            - 列表之间可以互相嵌套,可以在有序列表中放无序列表,也可以在无序列表放有序列表
    -->
    <ul>
        <li>西红柿</li>
        <li>大茄子</li>
        <li>小辣椒</li>
    </ul>
    
    <ol>
        <li>桃花源记</li>
        <li>岳阳楼记</li>
        <li>小石潭记</li>
        <li>醉翁亭记</li>
    </ol>
    
    <p>菜谱</p>
    <ul>
        <li>
            鱼香肉丝
            <ol>
                <li>鱼</li>
                <li>香</li>
                <li>肉丝</li>
            </ol>
        </li>
        <li>宫保鸡丁</li>
        <li>青椒肉丝</li>
    </ul>
    
    <dl>
        <dt>武松</dt>
        <dd>景阳冈上的大虎英雄,战斗力99</dd>
        <dd>后来打死西门大官人,后逃逸,出家为僧</dd>
        <dt>武大</dt>
        <dd>著名餐饮企业家,战斗力0</dd>
    </dl>
    

</body>

</html>

图片标签

注意绝对路径与相对路径--使用相对路径
<img src="image/renwu/11ha.jpg" alt="小女孩" />
<img src="E:\book\网页布局\代码\第2章\bg.jpg" >

链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>
href: 链接路径
target:链接在哪个窗口打开,常用值:_self、_blank

上一篇 下一篇

猜你喜欢

热点阅读