核心提示:一 html51.什么是HTML5?英文全称:Hyper Text Mark language(超文本标记语言)他不是一门编程语言,仅仅是一门标记语言。标记语言:就是一组标记标签注意:html文件的后...
一 html5
1.什么是HTML5?
英文全称:Hyper Text Mark language(超文本标记语言)
他不是一门编程语言,仅仅是一门标记语言。
标记语言:就是一组标记标签
注意:
html文件的后缀:
1).html结束
2).htm结束 DOS操作系统上常见
2.Html5指得是什么?
从广义讲:html5=html+css+jivaScript
3.html5文件内容:
<!DOCTYPE html> <!--作用:文档类型声明,告诉浏览器采用什么标准进行编码,然后浏览器 就会按照声明的标准进行标签解析。 如果不写:就会进入异常模式,也就是浏览器不知道你当前文件采用什 么格式进行编码的,解析时就会产生混乱。 注意:不区分大小写,以下写法都是正确的: <!DOCTYPE Html> <!DOCTYpE html> --> <html><!--文件的起始位置--> <head> <!--head里面的内容不会在浏览器中进行显示--> <meta charset="utf-8" /> <!--meta标签的作用:设置当前文件的编码方式--> <title>html</title> <!--title:描述当前文件的文件名--> <!--head标签里面可以放置的标签: 1.meta 2.title 3.link 作用:链接外部文件如外部CSS文件 4.base 作用:给当前文件设置默认链接或在浏览器上的打开方式 5.script标签 作用: 1) 链接外部js文件 2) 在该标签写js脚本代码 6.style 作用:样式标签,在里面写具体的样式代码 --> </head> <body> 作用:body里面的内容,会在浏览器窗口显示。 </body> </html>
二 样式
1.内嵌样式
语法:在标签中写一个style的属性
例如:
<p style="具体的样式">
优点:优先级最高
缺点:不易修改,维护困难,代码量非常大,存在代码冗余。
2.内部样式
写法:
在head标签写一个style标签,在style里面通过选择器来选择标签
来控制该标签的样式
例如:
<head> <style type="text/css"> p{ 具体的样式; } </style> </head>
优点:不需要加载服务器,加载速度非常快
缺点:不利于代码扩展和重用
3.外部样式
写法:1.新建一个外部css文件
2.在CSS文件里通过选择器来控制样式
3.在head标签里面通过link来关联这个css外部样式文件
例如:
<link rel="stylesheet" type="text/css" href="css文件路径" />
优点:
1.重用性强,有利于扩展
缺点:
需要加载服务器