1、介绍网页三大组成元素和<!DOCTYPE>标签
是拿来声明文档的类型,在html文档的第一行编写。作用是告知浏览器的解析器用什么文档标准去解析当前文档。DOCTYPE不存在或格式不正确会导致⽂档以怪异模式呈现
组成网页的三大标签元素:<html></html>、<head></head>、<body></body>
<html> 标签是HTML页面的根元素,该标签的结束标志为 </html>
<head>标签包含了文档的元数据(meta),当meta标签属性设置为utf-8的时候即可定义网页编码格式为utf-8,title标签即定义文档标题
具体设置如下所示:
<head>
<meta charset="utf-8">
<title>标签定义文档的标题</title>
</head>
<body> 标签定义文档主体,即网页可见的内容,该标签的结束标志为</body>
2、介绍结构层、表现层和行为层
结构层HTML(HyperTextMarkup Language)
是一个超文本标记语言
负责描绘出网页内容的架构
表现层CSS(Cascading Style Sheets)层叠样式表
负责如何显示结构层的有关内容
行为层Javascript
JavaScript是⽬前在Web上使用的最主要的客户端脚本语言
是web脚本语言的一个标准
可以对结构层和表现层的内容进行更改
3、代码注释
不同地方的注释是不一样的例如:
在编写css的时候注释是要这样写的
/* 注释内容写在这⾥ */
在编写html的时候注释是要这样写的
在编写javascript脚本的时候注释是要这样写的
//注释内容写
在这里 或者 /* 注释内容写在这里 */
总结:我们写注释是有快捷键的选中注释内容 然后按Ctrl+/
4、常用HTML标签元素介绍
div标签:网页在制作过程中可以把你认为捆绑在一起的东西装在一个<div></div>里面,div充当的是一个容器的角色。
p标签:如果想在网页上显示文章或段落,这时就需要<p></p>标签了,把文章或段落放到<p>标签即可。
br标签:需要加回车换行的地方加入<br/>标签作用x相当于word文档中的回车
strong标签:<strong> 粗体表示
em标签:<em>斜体表示 strong和em都是表示强调
span标签:<span>标签是没有语义的,它的作用就是为了设置单独的样式
ul li 标签:当你网页需要做一个展示信息列表的时候可以使用无序列表
ol li 标签:当你网页需要做一个展示信息列表的时候可以使用有序列表
hx(x可以是1-6)标签:此标签为标题标签
hr标签:信息展示时需要分隔的横线时使用
a标签:实现超链接跳转,只要有链接的地方就可以使用此标签,此外a标签还可以设置title和target等属性
<a href="目标地址" title="鼠标滑过链接显示的文本" target="_blank">click here!</a>
img标签:美丽的网页图片是一个不可划缺的部分,img可以插入图片,如下为使用方式
<img src="图片地址" alt="图片加载失败时的替换文本" title ="鼠标滑过显示的文本">