HTML标签
HTML 标签通常是成对出现的,比如<b>和</b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
<html>
<body>
<h1>你好呀,李银河。</h1>
<p>我叫王小波。</p>
</body>
</html>
<html>与</html>之间的文本描述网页
<body>与</body>之间的文本是可见的页面内容
<h1>与</h1>之间的文本是一级标题(还有h2、h3、h4、h5、h6)
<p>与</p>之间的文本是段落
用记事本来编辑HTML
在浏览器中运行这个HTML文件
标题通过<h1> - <h6>定义
段落通过<p>定义
链接通过<a>定义
例如:<a href="http://xxxxxxxxxxx.com">This is a link</a>
在href属性中是链接的地址
图像通过<img>定义
例如:<img src="xxxxxx.jpg" width="100" height="100" />
HTML元素的嵌套
从开始标签到结束标签之间的叫HTML元素,大多数元素可以嵌套,比如最开始那段代码,html嵌套了body,body又嵌套了h1和p
元素可以为空,<br>就是没有关闭标签的空元素,元素一定要有关闭标签才有效哦,<br />是关闭空元素的正确方法
HTML元素大小写通用,但推荐小写为佳
属性
HTML标签可以拥有属性,以便我们知道元素的更多信息,属性总是以 名称/值对 的方式出现,比如:name="value" ,属性必须在开始标签中规定
例一:<h1>定义标题,<h1 align="center">使得标题居中
例二:<body>定义主体,<body bgcolor="yellow">使得背景颜色变为黄色
例三:<table>定义表格,<table border="1">使得表格边框的粗度变为1
属性值必须带有引号(单引号也可以)
完整的属性参考手册
标题详解
<h1>最大,<h6>最小
浏览器会在标题的前后自动添加空行
<hr />标签创建水平线,可用于分割内容(即分割线)
我们可以将注释插入代码中,便于理解,浏览器不会显示这些注释
注释是这样写的:<!-- xxxxxx -->
注意,左边的括号要紧跟一个感叹号,右边的括号不需要
当我们在任何一个网页中,只需右键“查看网页源代码”就可以看到最原始的HTML代码啦
段落详解
浏览器会在段落的前后自动添加空行
如果忘记了结束标签,大多数浏览器还是可以正确运行,但是不要经常这样,有可能会造成意外的结果或错误
折行,就是在不产生一个新段落的情况下进行换行,请使用<br />标签,不要用<p></p>,这是个坏习惯!
同时,尽管<br>也能在大多数浏览器中使用,但是<br />还是更好喔
样式详解
style用来改变元素的样式,在开始标签<p>中加入,例如:<p style="font-size:30px;family:times;color:green">xxxxxxx</p>
background-color属性定义了背景颜色
<html>
<body style="background-color:yellow">
<h2 style="background-color:white">近日我体内寂寞癌细胞恶化</h2>
<p style="background-color:pink">害我成了原发性失眠者</p>
<h2 style="background-color:blue">唑吡坦控释剂地西伴氯氮卓</h2>
<p style="background-color:orange">怎么对我不起一点效果</p>
</body>
</html>
font-family、color还有font-size定义了文本的字体、颜色、尺寸
text-align定义了文本对齐
<html>
<body>
<h1 style="text-align:center">昨天已是过去</h1>
<h1 style="text-align:center">明天更多回忆</h1>
</body>
</html>
文本格式化详解
<b>定义粗体
<big>定义大号字,<small>定义小号字
<em>定义着重文字
<i>定义斜体
<strong>定义加重语气
<sub>定义下标,<sup>定义上标
<ins>定义插入字,<del>定义删除字
<abbr>定义缩写,<acronym>定义首字母缩写
<bdo>定义文字方向
<blockquote>定义长的引用,<q>定义短的引用
<dfn>定义一个定义项目