HTML标记
1、双边标记<></>
2、单边标记<>
<body></body>
常用属性：
bgColor: 网页背景色
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>我的网页</title> 6 </head> 7 <body bgcolor="red"> 8 我的网页 9 </body> 10 </html>
background: 网页背景图片地址(图片和html文件放在一起)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>我的网页</title> 6 7 </head> 8 <body background="pic/a.jpg"> 9 </body> 10 </html>
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>我的网页</title> </head> <body background="a.jpg"> </body> </html>
无属性标记：
<em></em>着重
<b></b>文字加粗
<i></i>文字斜体
<u></u>下划线
<s></s>加删除线
<sup></sup>文字向上
<sub></sub>文字向下
<br>换行
 空格 一个是半个汉字的长度 一个字节一个半角
<h1></h1>...<h6></h6>标题标记
常用属性：
align： 取值：left，right，center
<p></p> 段落
常用属性：
align： 对齐方式 取值：left，right，center
<font></font> 字体
常用属性：
size： 字体大小，取值1-7,1小，7大
color： 颜色
face： 字体（楷体，黑体宋体）
<hr></hr>加水平线
常用属性：
size： 水平线的粗细，单位px
color： 水平线的颜色
width： 水平线的宽度
noshade：是否去阴影，noshade="noshade"
<pre></pre>原格式输出
实例：
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>我的网页</title> 6 </head> 7 <body> 8 <h1>我的网页</h1> 9 <h2>我的网页</h2> 10 <h3>我的网页</h3> 11 <h4>我的网页</h4> 12 <h5>我的网页</h5> 13 <h6>我的网页</h6> 14 <b>我的网页</b><br> 15 <i>我的网页</i><br> 16 <u>我的网页</u><br> 17 <s>我的网页</s><br> 18 <sup>我的网页</sup><br> 19 <sub>我的网页</sub><br> 20 <p align="center">我的网页</p><br> 21 <font size=7 color="red" face="楷体">我的网页</font> 22 <hr size=1px color="blue" width=100% noshade="noshade"></hr> 23 <pre> 24 class MyClass 25 { 26 pbulic void print() 27 { 28 System.out.print("hello world"); 29 } 30 } 31 <pre/> 32 </body> 33 </html>
<div></div>块内元素 做分区域用
<span></span>行内元素
<marquee></marquee>滚动字幕标记
常用属性：
direction：滚动的方向 取值：up down left right
scrollAmount：滚动步长值，值越大速度越快
scrollDelay：两个步长之间停留的时间
loop：滚动的次数
align：取值：left right center top bottom
hspace：元素到区域边界的水平距离
vspace：元素到区域边界的垂直距离
width：
height：
bgcolor：
<image></image>图片标记
常用属性：
src：图片路径
width：
height：
align：取值：left right center 图片不能居中，做图文混排用
border：
hspace：图片与左右文字之间的距离
vspace：图片与上下文字之间的距离
实例：
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>我的网页</title> 6 </head> 7 <body> 8 <image src="pic/a.jpg" align="right" width="400" border="5"></image> 9 </body> 10 </html>
图文混排：
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>我的网页</title> 6 </head> 7 <body> 8 <image src="pic/a.jpg" align="right" width="400" border="5"></image> 9 恋上了文字，喜欢用那忧伤的文字写尽我内心的悲凉！文字成殇，寂寞成瘾！在无人的独处，我翻看着我用文字写下的过往，寂寞作祟，幻化成梦，一切都是空。 10 11 夜已深沉，今夜又无眠，心中那淡淡的忧伤再一次刺痛了我的灵魂。我用悲伤的文字，书写着我内心的痛，那不堪回首的往昔，那眼眸中不时流下的泪水， 在这凄冷的夜里，让我又一次感到心痛。我害怕黑夜的寂寞，可是我却爱黑夜的寂静。因为只有在这个伸手不见五指的黑暗里，我的灵魂和泪水才会得到释放，没有人会嘲笑我的泪水和内心的脆弱！ 12 13 漫漫红尘，谁许我一盏明灯，照亮我来时的路。谁借我双肩膀，盛装我的泪水？年少时，我拿青春做赌注，最后输的一塌糊涂，如今的我心早已是千疮百孔，满目疮痍。我想要的只是这薄凉世界的一缕温度，在这寒冷的冬季温暖自己。我想要的只是一个安心，安定的生活，可是我发现这一生都安定不了，或许人生就是一个不断选择，不断面对的过程，或许真等到安定的那一天，也就是，尘归尘，土归土，从此以这个世界再无牵连了吧！ 14 15 此去经年，翻看着，多年前写下的点点滴滴，看那一句一句简短的话，那些不成句的词语，每一笔一画都印刻着当初的心情，那些爱而不得，恨而不能，纠结，痛苦，悲伤的回忆，我彷佛看见那个满脸悲伤，眼含泪水的女子，靠在床上一笔一笔的写下自己的心情日记，心里那无声的呐喊，至今不能忘。又放佛看到那个孤苦无助的女子，蜷缩着身子躲在角落里默默的哭泣。曾经的曾经历历在目，记忆犹新的好像是昨天发生的一样。或许有一天，那些回忆会从我的记忆里，慢慢淡化，但是我却不会忘记眼泪的味道，它就像我的人生一样，是苦涩的。 16 17 18 是谁让我憔悴红颜？是谁让我苦不堪言？是谁惹了前世的泪，轮回成今世的罪，几度徘徊，终走不出宿命的安排，站在彼岸，泪眼婆娑，难忘痴恋，难断情思，满眼凝伤，问情何时绝？ 19 20 情不知所起，一往而深；念不知何生，一念执着；也许这就是缘！人生若只如初见，动心，动情。那么就没有了“等闲变却故人心，却道故人心易变”的悲哀了！若，忘川河不只是个传说，我愿饮尽所有的苦涩，只为期待另一种结果！若，三生石只是一个故事，我愿用尽一生的呼唤，去将这个故事续写！ 21 22 23 走过流年，走过荒凉，在阡陌的红尘里独自惆怅，把酒问苍天，谁解我一世忧伤？谁慰我心愁？苍茫过客，谁去谁留？浮生阡陌化成痴，风花雪月做离殇。一曲离殇吹散了千年的风月，却吹不散我千年的期待，一滴泪，滴入了谁的心，痛了谁的心？今生你可否是我等待千年的缘劫？ 24 25 如若你是我今生不可错过的缘劫，为何让我的思念这么苦这么累？如若我是你今生不悔的相遇，为何要让我的眼泪逆流成河？是你说的太美，还是我想的太多，结果却让我在寂寞里独自把眼泪风干。曾经的执手红尘，如今的咫尺天涯，谁是谁前世的烟火夫妻？谁又是谁今生的相守不离？ 26 27 28 流年里是谁辜负了我的付出？是谁苍白了我的等候？爱由情生，爱终究有太多的痛！有没有一杯忘情水，让我一喝就醉，换我不流泪！有没有一种感觉，让我一哭就累，倒头就睡！丢了心，失了魂，换来的只是一句对不起！原以为，深情不言你亦明了，深爱不语你亦懂得，现在才明白，事过境迁，情过变迁，我心依旧，你心已旧。我清楚的知道我不是你的牵念，不是你的痴缠！ 29 30 31 假如你我不曾相遇，又会是谁泪染我的青春，假如注定是过客，当初又何必招惹彼此。你曾经的万千柔情，为我种下了今生难以忘却的殇。曾几何时你说：若水三千，你只取一瓢饮，茶蘼花至，此生不负。可如今空留我一人，影独难双，悠悠天地，独立苍茫。既如此，此生何必再牵挂，缘份散尽，轻柔转身，独守那心殇。若红尘可以看破，今生只想喝下“忘情水”将三生石上的承诺埋葬，无情亦无伤，从此不再染红尘！ 32 33 34 </body> 35 </html>