标签：des style blog http color os io 使用 java
一、什么是HTML
HTML文档（页面）——HTML元素——HTML标签——HTML属性
1、HTML标签
HTML标签是HTML语言中最基本的单位
<和>./,来标示结束.),但不一定是成对出现的,比如: <br /> (单独出现的换行标签)HTML标签语法：
<标签名>内容</标签名> <标签名 />
附注：常用的HTML标签
2、HTMl属性
HTML属性 -- 一般都出现在HTML标签中,HTML属性是HTML标签的一部分
HTML属性语法：
<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值"></标签名>
3、HTML元素
HTML元素是构建网页的一种单位,是由HTML标签和HTML属性组成的,HTML元素也是网页中的一种基本单位.
HTML元素可以互相包含.
4、HTML文档
HTML文档就是HTML页面,也就是网页,是由HTML元素组成的.
互联网的所有内容都是由一个个HTML文档体现的.
5、HTML注释
HTML注释的开始使用<!--,结束使用-->
HTML注释语法
<!--注释的内容-->
HTML骨架示例
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html> 3 4 <head> 5 <title>HTML文件标题</title> 6 HTML头信息 7 </head> 8 9 <body> 10 HTML内容信息 11 </body> 12 13 </html>
<html>和</html>是HTML文档的开始与结束,也是HTML文档的根元素文档head信息：头信息head可以容纳文档的HTML相关信息,比如标题title，页面的语言与文字类型，css样式，javascript代码，简短描述，关键词等内容，是用户无法直接看到的.
文档body信息：内容信息body包括用户可以看到的全部内容，比如段落，链接，表格等.
1、html 标签 -- 代表HTML文档的开始
1 示例： 2 <html xmlns="http://www.dreamdu.com" xml:lang="zh-CN" dir="ltr"> 3 说明： 4 xmlns="http://www.dreamdu.com"代表使用http://www.dreamdu.com做为命名空间 5 xml:lang="zh-CN"代表使用中文作为页面文字 6 dir="ltr"代表左到右(left-to-right)的文字对齐方式
2、head 标签 -- 代表HTML文档的头信息
<head>开始,</head>结束
1 属性： 2 href -- 指定需要加载的资源(CSS文件)的地址URI 3 media -- 媒体类型 4 rel -- 指定链接类型 5 rev -- 指定链接类型 6 title -- 指定元素名称 7 type -- 包含内容的类型,一般使用type="text/css" 8 示例： 9 <head> 10 <link rel="stylesheet" type="text/css" href="style.css" /> 11 </head>
1 style标签是成对出现的,以<style>开始,以</style>结束 2 属性： 3 media -- 媒体类型,参见CSS高级教程 4 type -- 包含内容的类型,一般使用type="text/css" 5 示例： 6 <head> 7 <style type="text/css"> 8 abbr 9 { 10 font-size: 12px; 11 } 12 .text10pxwhite 13 { 14 font-size: 10px; 15 color: #FFFFFF; 16 } 17 </style> 18 </head>
1 script标签是成对出现的,以<script>开始,以</script>结束 2 属性： 3 src -- 指定需要加载的脚本文件(例如:js文件)的地址URI 4 type -- 指定媒体类型(例如:type="text/javascript") 5 示例： 6 <head> 7 <script type="text/javascript" src="dreamdu.js"></script> 8 </head>
1 HTML meta content-type 定义文件MIME类型 2 HTML meta charset 定义网页编码信息 3 HTML meta content-language 定义页面语言 4 HTML meta refresh 刷新与跳转(重定向)页面 5 HTML meta expires 网页缓存过期时间 6 HTML meta pragma no-cache 页面缓存 7 HTML meta keywords 网页关键词 8 HTML meta description 网页简短描述 9 HTML meta author 网页作者 10 HTML meta copyright 网页版权 11 HTML meta date 网页生成时间 12 HTML meta robots 搜索引擎索引方式
3、body 标签 -- 代表HTML文档的主体
<body>开始,</body>结束
四、小实验总结：
1、分段显示：p标签是paragraph的缩写,是段落的意思.由<p>与</p>组成的元素可以显示成一个段落.可以实现分段显示.
2、段落中换行：使用br标签. <br /> (注意空格)
3、字体的加粗(强调)与斜体：<strong>强调</strong> 、 <em>斜体</em>
4、按标题显示：h标签包括,h1,h2,h3,h4,h5,h6 标签 -- 文章的标题标签
<h>开始,以</h>结束
1 <body> 2 <h>文章的主标题</h> 3 <p>介绍</p> 4 <section> 5 <p>....</p> 6 <h>文章的二级标题</h> 7 <p>....</p> 8 <h>另一个二级标题</h> 9 <p>....</p> 10 </section> 11 <section> 12 <p>....</p> 13 <h>下一个二级标题</h> 14 <p>....</p> 15 <section> 16 <h>三级标题</h> 17 <p>....</p> 18 </section> 19 </section> 20 </body>
5、HTML实体：键盘无法表示的符号,或者HTML本身要用的符号,比如 HTML标签的开始<,与结尾>,还有属性值需要使用的"引号等.
" -- 表示双引号(")& -- 表示位与运算符(&)< -- 表示小于运算符(<)> -- 表示大于运算符(>) -- 表示空格( )6、超链接：a标签是成对出现的,以<a>开始, </a>结束. 示例：<a href="url">显示的文字</a>
（1）指定位置链接（同一页面中不同位置,不同页面间跳转）
位置链接
1 <h2 id="top">页面上部</h2> 2 <a href="#bottom">链接到页面下部</a> 3 4 <a href="#top">链接到页面上部</a> 5 <h2 id="bottom">页面下部</h2> 6 7 <a href="http://www.dreamdu.com/javascript/object_math/#syntax">JS Math函数语法</a>
（2）邮件链接使用了mailto语法
邮件链接
1 <a href="mailto:xymaqingxiang@163.com">给我写邮件</a> 2 3 mailto四个常用的参数： 4 subject -- 代表邮件的标题 5 body -- 代表邮件的内容 6 cc -- 代表一个抄送对象 7 bcc -- 代表一个暗送对象
（3）图像链接,可以为一个图像指定链接,使用img标签
图像链接
1 <a href="http://www.baidu.com/" title="baidu"> 2 <img src="http://www.baidu.com/img/logo.gif" /> 3 </a> 4 5 <a href="http://www.google.com/" title="google"> 6 <img src="http://www.google.com/intl/en_ALL/images/logo.gif" /> 7 </a>
标签：des style blog http color os io 使用 java
原文地址：http://www.cnblogs.com/xymqx/p/3950171.html
