HTML
HTML(Hyper Text Markup Language),即超文本标记语言。
超文本(文字+图片+音频+视频+……)
标记语言(浏览器看到什么样的标记就会做出什么样的反应)
HTML直接用浏览器来执行。
HTML经常用于编写web静态页面
这里介绍一个HTML的网站,这里的HTML还是比较全面的,对于入门学习很不错:HTML教程
HTML文档基本结构
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
<html>
<!DOCTYPE html>
文档引用规范,HTML5因为是“妥协式”的规范,所以不需要引用严格意义上的DTD规范。<html>标签
文档的根元素标签,成对出现<head>标签
文档的根头部标签,成对出现,包含的主要元素有:<title>:该元素用于定义标题
此部分极为重要,是整个页面的中心概括<script>:该元素用于包含javascript脚本
<link>:该元素用于链接外部CSS资源文件
<style>:该元素用于定义内部CSS样式
<meta>:该元素用于HTML页面的元数据
包含三个属性
http-equiv:指定元信息的名称,该属性指定的名称具有特殊的意义,它可以向浏览器传回一些有用的信息,帮助浏览器正确地处理网页内容。
name:指定元信息的名称,该名称的值可以随意指定。
content:指定元信息的值。
例如:描述文档类型和字符编码<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
此外,还可以使用多个来包含其他属性,例如:
<meta name="author" content="Lee" /> <meta name="description" content="百度公司" /> <meta name="website" content="http://baidu.com" /> <meta name="keyword" content="搜素引擎" />
<body>标签
文档的主题部分标签,成对出现
HTML标记语言的特点
标记(标签或元素)的形式
双标签
<元素名>内容
HTML页面的基本结构
<html> //HTML起始标签
<head> //页面头部起始标签
<title>网页标题</title> //页面标题
</head> //页面头部结尾标签
<body> //页面正文起始标签
网页正文
</body> //页面正文结束标签
</html>
回车键和空格键在HTML中显示时不起作用,为使代码清晰,建议不同的标记之间回车编写,以便于代码的阅读
HTML编辑时不是所见即所得
HTML不区分大小写
缩进用tab,不要使用空格
HTML中注释格式为
<!--需要注释的内容-->
- 空格标签
- 标题标签
<hn></hn>
n从1到6, 标题从大到小,超过6的按照6级标题显示
- 换行标签
<br/>
- 水平线标签,即出现一根横划整个页面的横线
<hr/>
- 段落标签,开启一个段落
<p></p>
- 字体标签
<font></font>
例如:<font size="7" color="#00FFFF" face="楷体">HTML</font>
- 属性size表示字体的大小,有1至7逐渐递增
- 属性color表示颜色,除了能使用颜色的英文表示,通常使用RGB三原色表示法,例#FF0000
- 属性face表示字体
- 图片标签
<img />
例如:<img src="img/shitu_b01.jpg" height="1200px" width="1920px" alt="抱歉,图片无法显示!">
- src:指的是显示的图片的路径
- width:指定图片的宽度,取值可以是像素值,也可以是占页面的百分比(可以不指定按原来的像素)
- height:指定图片的高度,取值可以是像素值,也可以是占页面的百分比(可以不指定按原来的像素)
- alt:当图片无法正常显示的时候给出的提示信息
图片标签和超链接标签嵌套,即点击图片打开超链接
```
<a href="http://www.baidu.com" target="_self"><img src="img/shitu_b01.jpg" alt="百度" /></a>
```
超链接标签
a:超链接
属性href表示目标页面的地址,也可以是本地HTML文件的URL地址(注意写完整)
属性target:值”_self”表示在当前页面打开链接,值”_blank”表示在新窗口打开链接
<a href="http://www.sohu.com" target="_self">搜狐</a>