HTML02
一 标签
1. 单标签
注释标签command+／ <!-- This is a comment -->
换行标签<br />
水平线标签<hr />
2. 双标签
<p></p>段落标签 特点：自动生成空白行 <br>不能生成空白行
标题标签h1-h6 取值到h6，h1在一个页面里只能出现一次
<font></font>文本标签
文本格式化标签
<strong></strong>文本加粗
<em></em>文本倾斜
<del></del>文本删除
<ins></ins>文本下划线
3. 图片标签
<img scr="k.jpg" width="200" height="100" title="" />
如果只指定长或者宽，等比例缩放。
图片标签的属性
scr 图片的来源
路径
相对路径和绝对路径
a. 文件和图片（html文档）在同一个目录（文件夹），直接写文件名
b. 图片在下一级目录里，文件夹名称+／+图片（html文件）名称
c. 图片在上一级目录里，..+/+图片名称
alt 替换文本 图片不显示的时候显示的文字
title 提示文本 鼠标放到图片上显示的文字
width 图片宽度
height 图片高度
4. 超链接
<a href="http://www.***.com">This is a link</a>
无下划线的链接<a href="/example/html/lastpage.html" style="text-decoration:none">This is a link</a>
注释行结尾处的两道斜杠（／／）是JavaScript注释符号。这可以避免JavaScript执行-->标签
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>
HTML属性实例
| 属性 | 值 | 描述 |
|---|---|---|
| class | classname | 规定元素的类名（classname） |
| id | id | 规定元素的唯一 id |
| style | style_definition | 规定元素的行内样式（inline style） |
| title | text | 规定元素的额外信息（可在工具提示中显示） |
style 属性淘汰了旧的 <font> 标签。
style 属性淘汰了旧的 "align" 属性
HTML与CSS样式表
内联样式表
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
内部样式表
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
外部样式表
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
