html5从基础到实践

Hbuilder(其他也可以,好比Dreamever等)

方式/步调

  1. 1

    四大元素:head、title、meta、body

    title:浏览器窗口题目栏中显示的文本。

    meta:描述网页特征,好比字符集,还与网页搜刮优化等相关。

    8cb1cb134954092337defe509d58d109b3de496d.jpg
  2. 2

    body:在body标签之间的是网页的本家儿体部门。在此中输入的都可以在网页中显示出来。

    到这里,我们已经可以做一个简单的小网页了,你可以把你想要的文字在网页中显示出来。

    在编纂器中编写后用浏览器打开。

    838ba61ea8d3fd1fe74169143f4e251f95ca5f50.jpg
  3. 3

    题目元素:

    -- ,合理的利用题目,可以让网页更易被拜候。

    包在题目元素里的文本被视作是一块内容。此中

    的文字最大,然后依次减小。

    注重:题目元素不克不及写在头部。

    我们在本家儿体中输入,结果如图:

    5bafa40f4bfbfbed4e66fc5177f0f736afc31fe5.jpg
  4. 4

    段落元素:

    包含在此中的内容就是一个段落。

    这时,你可能发现所有文本都是左对齐,关于这个问题,我们会在后面用css来对齐。

    下面连系题目进行实践,如图:

    86d6277f9e2f0708210c1f2fe624b899a901f297.jpg
  5. 5

    这时辰你可能发现它并没有像我们预期的那样,也就是说它应该在某个处所换行的可是它没有。

    解决法子就是添加换行元素:
    ,顾名思义,就是在该换行的处所插手这个元素。

    注重
    是单标签。

    添加后结果如图:

    060828381f30e924b4e4a91e43086e061d95f758.jpg
  6. 6

    最后,介绍几个常用的短语元素:

    :加粗显示。

    :斜体显示。

    :出格主要。凡是以加粗显示。

    :强调,凡是以斜体显示。

    最后附上之前而结果代码:

    94cad1c8a786c917d3a96716c63d70cf3bc75772.jpg
  • 发表于 2019-09-10 17:00
  • 阅读 ( 752 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具