更新时间:2017-06-30 来源:黑马程序员PHP培训学院 浏览量:
html简介
HyperText Markup Language
超文本标记语言
超文本
能够表达更丰富的内容(相对于普通文本)
标记:标识符号,就是html中的标签
语言
不是编程语言,就是html标签的描述
浏览器来翻译html代码
网页扩展名
.html .htm
HTML文档结构
HTML框架基本构架
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
解释:
带<>的都叫标签
html: 指明当前的文档的类型,是一个网页
head是网页头部 包括网页的相关信息,基本设置,其中title网站的标题就在里面。
body:在浏览器的看到的内容。
html标签分类
双标签 <font>HTML</font>,有开始标签和结束标签(标记)
单标签 <br />
标签书写规范
所有的标签都在< >中
所有的标签都有开始和结束,即使是单标记也要结束
<br /> 强制换行
<img /> 图片标记
所有的标签和属性及值小写
标签和属性,属性与属性之间有空格
属性值必须有加引号(单引号或双引号都可以)
属性必须有值
属性可写可不写
标签与标签之间正确嵌套(标签不可交叉嵌套)
标签格式
<开始标签 属性1=”值1” 属性2=”值2” 属性n=”值n”>控制的内容</开始标签>(双标签格式)
<开始标签 属性1=”值1” 属性2=”值2” 属性n=”值n” 空格/>(单标签格式)
<开始标签 空格/>(单标签格式)
html注释
<!--注释内容-->
注释的内容在html页面中是无法看到的,但是可以在页面源代码中发现
代码实现:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/align][align=left]<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<body>
HTML注释
<!--这段文字是看不见的-->
</body>
</html>
文本的修饰
属性:
Color(颜色):red,blue,green,yellow,gray,pink等
Size(大小):值(1-7),默认值:3
字体最大尺寸为7,若比7大,则默认为7。字体默认尺寸为3,当出现对尺寸的加减时,就是对3进行加减