HTML基础教程-优快云博客

1.设置背景图片

<html>  
<body background ="1.jpg">   
</body>  
</html>

2.索引

<html>  
<body>  
<h1>我是一名程序媛</h1>
<p><a href="#A1">我</a></p>
<p><a href="#A2">你</a></p>
<p><a href="#A3">他</a></p>
图像1<img src="1.jpg">

<p>春眠不觉晓春眠不觉晓春眠不觉晓春眠不觉晓
春眠不觉晓春眠不觉晓春眠不觉晓春眠不觉晓
春眠不觉晓春眠不觉晓春眠不觉晓春眠不觉晓
春眠不觉晓春眠不觉晓春眠不觉晓春眠不觉晓</p>
<p><a name="A1">as法国</a></p>
<p><a name="A2">ghgfh</a></p>
<p><a name="A3">他</a></p>
</body>  
</html>

3.文字在图片的不同位置设定

<html>  
<body>  
<h1>我是一名程序媛</h1>
<p>
图像1<img src="1.jpg">
</p>
<h1>不同位置的图像</h1>
<p>图像2<img src="1.jpg" align="botton"> 在底部位置</p>
<p>图像2<img src="1.jpg" align="middle"> 在中间位置</p>
<p>图像2<img src="1.jpg" align="top">  在顶部位置</p>
</body>  
</html>

4.制作HTML 表格
每个表格是由table开始的，每个表格的新一行是由tr开始的，每个表格的一项是由td开始的,用<th>来定义一个表的表头，可起到加粗作用，<caption>可定义表的表名,&nbsp可起到占位的作用。

代码：

<html>
<body>
<table border="1"><!--表的宽度为1，为0时无表格线-->
<caption《好先生》</caption>
<tr>
<th>角色名</th>
<th>演员</th>
<th>配音演员</th>
</tr>

<tr><!--另起一行-->
<td>路远</td><!--数据-->
<td>孙红雷</td>
</tr>
<td>江莱</td>
<td>江疏影</td>
</tr>
</body>
</html>

行拆分单元格，列拆分单元格：

<html>
<body>
<table border="1"><!--表的宽度为1，为0时无表格线-->
<caption《好先生》</caption>
<tr>
<th>角色名</th>
<th>演员</th>
<th colspan="2">电话</th>
</tr>

<tr><!--另起一行-->
<td>路远</td><!--数据-->
<td>孙红雷</td>
<td>123</td>
<td>456</td>
</tr>

<tr>
<td rowspan="2">江莱</td>
<td>江疏影</td>
<td>234</td>
<td>345</td>
</tr>

<tr>
<td>江疏影</td>
<td>567</td>
<td>678</td>
</tr>

</body>
</html>

设置背景颜色，如：