HTML+CSS

HTML5+CSS——02html5基本格式

2020-05-30  本文已影响0人  Bellawwww

一.HTML基本结构

HTML(HyperText Markup Language)超文本标记语言

标记 : 指标签,也可以叫元素(标签=元素)格式:<-> </->  (开始标签和结束标签);需要成对出现,结束加 /

html根标签:<html></html> ,有且只有一个根标签

html子标签:<head></head>、<body></body>

head子标签:<title></title> ; head标签是帮助浏览器解析网页;title里是 网页的标题

body子标签:是网页里所有的东西

网页基本格式

二.HTML的注释格式

注释格式:<!-- -->  ; 

 <!-- 在这个结构中,可以来编写html的注释(可换行),注释中的内容不会在页面中显示,但是可以再源码中查看。因此可以通过编写注释对代码进行描述,从而帮助其他的开发人员工作。注释一定要简单明了-->

(ps:公司里seo负责title内容)

注释格式

三.HTML的属性格式

属性格式:属性名 = “属性值”

属性:可以通过属性来设置标签中的内容。(注意:属性只能在开始标签!!!里面设置。)

例如设置“美”为红色:

字体标签为<font></font>,设置“我真”这三个字的“美”为红色,

则<font color="red">美</font>

若一个标签中需要设置多个属性,则属性之间要使用空格隔开

属性格式必须在开始标签中,是名值对结构

(Duang!不要在意文案内容,看文案效果)

添加属性后效果

此外,可以再W3School里面查看更多属性,但是像字体属性标签一般不在html里实现,要在css里实现,因此这里仅需了解即可。

四.文档说明

需要在<html>写<!doctype html>

这是h5的文档声明,声明前的网页是按照HTML5标准撰写的如果不写文档声明,则会导致有些浏览器进入一个怪异模式,进入怪异模式后,浏览器解析页面会导致页面无法正常显示,所以为了避免进入该模式,一定要写文档声明。

本章内容总结
上一篇下一篇

猜你喜欢

热点阅读