• HTML5——1基本标签


    一、 HTML5

    1.HTML5 是超文本标记语言。

    Html与xml的区别:

    Xml 是可扩展性标记语言用来存储和传输数据用的, html是超文本语言用来显示数据。

    2.HTML5的主体结构

    <!DOCTYPE html>-----声明为HTML5类型的网页

    <html>

    <head>

    </head>

    <body>

    </.body

    </html>

    1)      head 是所有元素的头部元素的扩容器,声明文档的标题,引入资源等。

    2)      body里主要是网页的操作

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>测试页面</title>

    </head>

    <body>

     

    </body>

    </html>

    3.标签.

    对于html来讲最重要的就是标签,一般来讲标签都成对出现,如<p></p>部分是单标签,单标签,如<br/>.

    Html的基本标签:

    p: 是段落标签,独立成行。

    h: 标题元素,用来显示标题,一共有6级,从大到小h1-h6一般h1用显示网页的logo。

    br:br是一个单标签,用于换行。

    hr:与br一样也是一个单标签,是一个水平线标签,使用时会在网页生成一个水平线。
    文本样式标签:

    em:斜体标签,将需要变为斜体的文字两侧放入<em></em>会是字体倾斜

    Strong:加粗标签,用法同上

    del:删除线标签,用法同上

    u:下划线标签,用法同上。

    4.行内元素和块元素

    行内元素:不独立成行,文本标签都为行内元素。

    块元素:独立成行比如 p 、h等元素独占一行。

    5.测试效果

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>测试练习</title>

    </head>

    <body>

    <!--h标签默认有加粗效果-->

    <h2>钗头凤·红酥手</h2>

    <h4><em>作者&nbsp;陆游</em> &nbsp;&nbsp;&nbsp;<em>朝代&nbsp;宋</em></h4>

    <hr/>

    <p>

    红酥手。 黄滕酒。 满城春色宫墙柳。 东风恶。 欢情薄。 一怀愁绪, 几年离索。 错错错。<br/>

    春如旧。 人空瘦。 泪痕红浥鲛绡透。 桃花落。 闲池阁。 山盟虽在, 锦书难托。 莫莫莫。

    </p>

    </body>

    </html>

  • 相关阅读:
    搭建hexo个人博客
    Scanner类使用close()方法问题
    记录一次Ubuntu基础配置和美化
    Linux更换默认Shell
    python-成员修饰符
    ysoserial项目之URLDNS利用分析
    Apereo Cas4.x 反序列化漏洞复现之复现分析与利用
    JAVA反序列化漏洞之调试环境搭建(含ysoserial项目)
    虚拟机window7忘记密码,如何重置?
    多种类型SQL注入
  • 原文地址:https://www.cnblogs.com/haoyp/p/7060485.html
Copyright © 2020-2023  润新知