HTML学习笔记-最基础HTML标签的使用（一）

直接导入到浏览器学习，详细学习链接W3SCHOOL
<!DOCTYPE HTML>
<!--推荐使用小写-->
<html>
<!-- <body bgcolor="grey"> -->
<!--style作为一种新的通用的改变html元素的方法-->

<body style="background-color: antiquewhite">
    <h1
        style="background-color:bisque;font-family: Verdana, Geneva, Tahoma, sans-serif;text-align: center;color: burlywood">
        我的第一个标题</h1>
    <p style="background-color: cadetblue;font-family: Arial, Helvetica, sans-serif;color:coral;font-size: 20px">
        我的第一个段落<q>加入一段短引言。</q></p>
    <blockquote style="background-color: aliceblue" cite="http://www.w3school.com.cn/html/html_quotation_elements.asp">
        用于一段较长的引言
    </blockquote>
    <!--ins 和 del 用于文字下划线或者划掉文字-->
    <a href='http://www.w3school.com.cn/html/html_basic.asp'><ins>W3</ins><del>SCHOOL</del></a>
    <hr />
    <!--图片链接，可以简单自定义图片长宽像素-->
    <img src="http://www.w3school.com.cn/i/eg_w3school.gif" width='104' height='99' />
    <!--使用较多的换行 推荐使用 <br />-->
    <p>This id prar<br />graph with a line breaks</p>
    <!--用于缩略词的 abbr-->
    <p><abbr title="World Health Organization">WHO</abbr> 成立于1948年。</p>
    <!--复杂些的dfn，在HTML5中用法复杂些，简化点还是单独使用abbr-->
    <p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
    <p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
    <p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
    <!--显示地址，通常以斜体显示-->
    <address>
        Written by Donald Duck.<br />
        Visit us at:<br />
        Example.com<br />
        Box 564, Disneyland<br />
        USA
    </address>
    <!--用于著作标题的HTML-->
    <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
    <!--用于翻转的bdo，定义文本方向-->
    <bdo dir="rtl">This text will be written from right to left</bdo>

</body>

</html>
HTML学习笔记-最基础HTML标签的使用（一）

猜你喜欢
