HTML语言基础
- 格式：doc
- 大小：38.50 KB
- 文档页数：7
HTML语言基础.txt真正的好朋友并不是在一起有说不完的话题，而是在一起就算不说话也不会觉得尴尬。
你在看别人的同时，你也是别人眼中的风景。
要走好明天的路，必须记住昨天走过的路，思索今天正在走着的路。
示例一<html>//告诉浏览器这是HTML文件的头<head><title>夜雨寄北-HTML简单示例</title>//设置浏览器顶端的标题</head><body><p align="center">夜雨寄北</p><p align="center">李商隐</p><p align="center">君未归期未有期,</p><p align="center">巴山夜雨涨秋池,</p>//<p></p>是分段标记，段之间的距离较大，相当于换行后又多一行<p align="center">何当共剪西窗烛,</p><p align="center">却话巴山夜雨时。
</p>//<p align="center">表示该段落内的内容居中对齐，left(左对齐)，center(居中对齐)，right(右对齐)</body></html>//表示HTML到此结束================================================================================ ============标准的HTML文件结构一、Content-Type用法：<meta http-equiv="Content-Type" content="text/html;charset=GB2312">作用: 设定页面所使用的字符集Refresh用法：<meta http-equiv="Refresh" content="8; url=">作用：表示网页将在8s内跳转到URL为的网页Page-Enter/Page-Exit用法：<meta http-equiv="Page-Enter" content="revealTrans(Duration=8.0,Transition=21)"><meta http-equiv="Page-Exit"content="revealTrans(Duration=8.0,Transition=12)"> 作用：设定进入和离开页面时的特殊效果，即“网页过度”功能。
其中，Duration表示持续时间，以秒(s)为单位。
Transition表示使用哪种特效，取值为1~23，如实例metaequiv.html 以上为http-equiv的头部协议，他以回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容二、description用法：<meta name="description"content="Professional,zhaofeng">作用：用来告诉搜索引擎你的网站的主要内容keywords用法：<meta name="keywords" content="life,universe,赵锋">作用：用来告诉搜索引擎你的网页关键字是什么author用法：<metaname="author"content="frashman@">作用：用来标注网页的作者以上是name属性，使用meta的name和content属性来索引的页面。
三、<body>...</body>是HTML文档的主体部分，用来标识HTML文档的正文信息，网页正文中所有内容包括文字，图像，表格，声音和动画等都包含在这对标记对之间，他还可以通过属性设置设置来调整整个文档的背景色，正文和超链接的显示颜色等基本属性。
如：<body bgcolor="green">,则网页背景颜色将变为绿色。
================================================================================ ============HTML基本标记与属性一、<html><head><title>2-3html</title></head><body><h1 align="left">1级标题</h1><h2 align="center">2级标题</h2><h3 align="right">3级标题</h3><h4>4级标题</h4><h5>5级标题</h5><h6>6级标题</h6></body></html>//h1-h6表示6个级别的标题。
二、<html><head><title>2-3html</title></head><body><p>这是第一段<br>用到了换行标签<br>请看效果<br>仍然是第一段，但用到了<hr>水平线</p><p>这是第二段，用到了一个<hr color=red>红色的水平线</p><p>这是第三段</p></body></html><hr>水平线标记的属性包括width,color,align,size,noshade等，分别用来设置水平线的宽度，颜色，对齐方式，高度和无阴影效果等。
如:<hr color=#FF0000>或将颜色属性值设置为RGB混合模式，如<hr color=rgb(255,0,0)>,需要注意的是<hr>和<br>标记属于HTML中的单标记，在使用时不需要结束标签，在XHTML中，<br>和<hr>标记需要合理的标记。
三、字体标记<font><html><head><title>2-4html</title></head><body><p><font face="华文行楷">华文行楷</font></p><p><font face="Times New Roman">Times New Roman</font></p> <p><font size="6">字体六</font></p><p><font>缺省字体大小</font></p><p><font face="黑体"size="+3">缺省字体+3黑体</font></p><p><font color="blue">蓝色字体</font></p><p><font color="ff0000">十六进制红色字体</font></p></body></html>有序列表<ol><li>新浪</li><li>雅虎</li><li>百度</li><li>搜狐</li></ol>若<ul><li>配合使用，则为无序列表<ul><li>香蕉</li><li>苹果</li><li>桂圆</li><li>西瓜</li></ul>四、<html><head><title>div与span的区别</title></head><body><p>div标记不同行：</p><div><img src="img/pica.jpg"></div><div><img src="img/pica.jpg"></div><div><img src="img/pica.jpg"></div><p>span标记同一行：</p><span><img src="img/pica.jpg"></span><span><img src="img/pica.jpg"></span><span><img src="img/pica.jpg"></span></body></html>五、<img src="URL"alt="XXX">如：<img src="img/picb.jpg"alt="浪漫摄影"/><html><head><title>相对路径</title></head><body><img src="image/pic4.jpg"alt="水果1"/><img src="pic3.jpg"alt="水果2"/></body></html>注意：如果源文件和引用文件在同一个目录下，同一个目录的文件引用方式：src="*.*"。
