html基础
1元素、属性
<!DOCTYPE HTML>
<html>
<head>
我的测试
</head>
<body>
<!--1标题元素<h>-->
<h1>这是h1标题</h1>
<h2>这是h2标题</h2>
<h3>这是h3标题</h3>
<h4>这是h4标题</h4>
<h5>这是h5标题</h5>
<h6>这是h6标题</h6>
<!--2段落元素<p>-->
<p>这是我的一个段落1。</p>
<!--换行符<br />-->
<br/>
<!--3超链接元素<a>-->
<a href="http://www.baidu.com">链接</a>
<br />
<a href="http://www.sifangku.com/">私房库</a>
<br />
<!--4HTML图像元素<img>-->
<img src=images/image1.jpg width="104" height="142"/>
<br />
<!--html属性 name="value"-->
<a href="http://www.w3school.com.cn">this is a link</a><!--<a>标签的href属性-->
<!--标题居中-->
<h1 align="center">h1标题</h1>
</body>
</html>
2属性
建议使用小写属性
属性和属性值对大小写不敏感
例1修改页面背景颜色为黄色
<!DOCTYPE HTML>
<html>
<head>
我的测试
</head>
<body bgcolor="yellow">
</body>
</html>
例2定义表格属性
<table border="1">
<tr>
<td>roll1,cell1</td>
<td>roll1,cell2</td>
</tr>
<tr>
<td>roll2,cell1</td>
<td>roll2,cell2</td>
</tr>
</table>
hr标签,可用于创建水平分割线
<!DOCTYPE HTML>
<html>
<head>
我的测试
</head>
<body bgcolor="yellow">
<p>这是段落1</p>
<hr />
<p>这是段落2</p>
</body>
</html>
注释
<!-- This is a comment -->
总结
<html> 定义 HTML 文档。
<body> 定义文档的主体。
<h1> to <h6> 定义 HTML 标题
<hr> 定义水平线。
<!--> 定义注释。
3 html段落
<p> 定义段落。
<br /> 插入单个折行(换行)。
例1
<p>This is a paragraph
<p>This is another paragraph
例2
折行
<p>This is<br />a para<br />graph with line breaks</p>