html5从基础到实践--四大元素及基本标签

 时间:2024-10-16 01:07:05

1、四大元素:head、title、meta、bodytitle:浏览器窗口标题栏中显示的文本。meta:描述网页特性,比如字符集,还与网页搜索优化等相关。

html5从基础到实践--四大元素及基本标签

2、body:在body标签之间的是网页的主体部分。在其中输入的都可以在网页中显示出来。到这里,我们已经可以做一个简单的小网页了,你可以把你想要的文字在网页中显示出来。在编辑器中编写后用浏览器打开。

html5从基础到实践--四大元素及基本标签

3、标题元素:<h1> </h1>--<h6> 争犸禀淫</h6>,合理的使用标题,可以让网页更易被访问。包在标题元素里的文本被视作是一块内容。其中<h1>的文字最大,然后依次减小。注意:标题元素不能写在头部。我们在主体中输入,效果如图:

html5从基础到实践--四大元素及基本标签

4、段落元素:<p> </p>。包含在其中的内容就是一个段落。这时,你可能发现所有文本都是左对齐,关于这个问题,我们会在后面用css来对齐。下面结合标题进行实践,如图:

html5从基础到实践--四大元素及基本标签

5、这时候你可能发现它并没有像我们预期的那样,也就是说它应该在某个地方换行的但是它没有。解决办法就是添加换行元素:<br>,顾名思义,就是在该换行的地方加入这个元素。注意<br>是单标签。添加后效果如图:

html5从基础到实践--四大元素及基本标签

6、最后,介绍几个常用的短语元素:<b>:加粗显示。<i>:斜体显示。<strong>:特别重要。通常以加粗显示。<em>:强调,通常以斜体显示。最后附上之前而效果代码:

html5从基础到实践--四大元素及基本标签
  • Dw怎么按control组合键时显示新建文档对话框
  • 使用jQuery插入一个新的div
  • js如何将input文本框的文字加粗显示
  • 静态网页中如何从不同的位置插入图片?
  • 如何用易语言做植物大战僵尸的辅助?
  • 热门搜索
    亲子阅读手抄报 六一手抄报简单又好画 法制手抄报图片大全 大手牵小手手抄报 创建卫生城市手抄报 欢庆六一节手抄报 读书手抄报版面设计图 五一劳动节手抄报图片 防震手抄报 2020年鼠年手抄报