1. HTML和css的关系
- css是用来修饰HTML样式的
- HTML本身是有一些默认的样式,如果我们想改变HTML标签的样式,就需要借助css
- HTML+css构成了我们网页的页面基本结构和样式
2. HTML文档结构
<!DOCTYPE html>
:文档类型声明,表示该文件是HTML5文件,该声明必须是HTML文档的第一行<html></html>
标签对:两标签成对存在,中间的部分是文档的头部和主体<head></head>
标签对:包含有关HTML文档的信息,同时也可以包含一些辅助性标签(如:<meta charset="UTF-8">
)。但除了会在标题栏显示<title>
标签的内容以外,不会向用户显示head标签对内其他的内容<body></body>
标签对:作为HTML文档的主体部分,页面布局显示由该部分决定
3. head标签详解
文档的头部描述了文档的各种属性和信息,包括文档的标题等,<title>
标签的内容以外,其他文档头部包含的数据都不会真正作为内容展现给读者。
head部分常用的标签:
<title></title>
标签:在<title>
和</title>
标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。<meta charset="UTF-8">
:设置当前文字字符编码<style>
标签:用于为HTML文档定义样式信息,type属性是必须的,声明了打开的方式的类型,如:<style type="text/css">
4. body标签下p、h、div标签对的区别
<p></p>
标签是paragraph(段落)的首字母<h></h>
标签是headline(标题)的首字母,h后面跟数字<div></div>
标签是divide(分层、分开、分割)的首字母。划分网页模块内容,给字、图片、表格规划位置,相当于一个容器,便于排版,同时也可以添加样式
5. 注释
HTML5注释语法:<!--注释内容-->
CSS注释语法:/*注释内容*/
必要性:代码注释的作用是帮助程序员标注代码。不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。