zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    VScode 修改中文字体
    missing KW_END at ')' near '<EOF>'
    SQL inner join, join, left join, right join, full outer join
    SQL字符替换函数translater, replace
    SQL COOKBOOK SQL经典实例代码 笔记第一章代码
    sqlcook sql经典实例 emp dept 创建语句
    dateutil 2.5.0 is the minimum required version python
    安装postgresql后找不到服务 postgresql service
    Postgres psql: 致命错误: 角色 "postgres" 不存在
    【西北师大-2108Java】第十六次作业成绩汇总
  • 原文地址:https://www.cnblogs.com/haoyp/p/7060485.html
Copyright © 2011-2022 走看看