html5:
html 内容 (文字、图片)
【xhtml+css】【html+css3】
css 样式(文字颜色,图片大小、位置)
js 行为 点击某个按钮的时候触发的操作
怎么创建网页:
1.html文件就是可以被浏览器解析的文件,可以认为是一个网页
2.基础模板:
1)浏览器解析html文件的时候需要有一些标准,其中最基础的就是每个html文件都要有一个简单的框架(基础模板)
2)<!doctype html> 声明,让浏览器用最新的标准解析这个文件
3)<html></html> html标签代表整个文档的内容,所有的网页里面的东西都要写在html里面
<head></head> <title></title>:显示标题名,一般显示在网页的选项卡上
<meta charset= "utf-8"/>:让浏览器解析文档上的汉字
除了上两个之外,还可以添加其他的标签比如:关键字,描述,引入css(除了网页内容之外的东西)
<body></body>网页内容,包括div、img、a等标签,所有显示在网页里面的内容都可以写在body里面
标签:单标签 双标签 组合标签
单标签:br、hr、meta、img等
双标签:h1~h6、a、p、span、div、ul、ol、li、dl、dd、dt、html等
组合标签:ul、ol、li、dd、dt、dl等(组合标签在使用的时候是不能被拆开的)
行级标签:
能在同一行显示的标签
不能设置宽高 大小由内容撑开
块级标签:
(即使改变了宽度也不会和其他标签同行)独占一行的标签,不与其他标签同行显示
能设置宽高
display:inline;
display:block;
display:none;(不显示)
规范
1.所有html标签都要小写
2.子父级标签要有缩进(子级比父级缩进一个Tab键)
3.命名规范:不会带有汉字、特殊符号、空格等。以英文字母开头,可以包含数字和下划线 驼峰法命名(首字母小写后面单词首字母大写)
4.所有标签都要正确闭合
5.重要的位置要添加注释(html的注释<!-- 123 --> )