html周记2

---

前言

好好学习，天天向上！
补作业可耻，下不为例！

---

一、如何制作表格？

<table border="2" cellspacing="10"><tr>
		  <td><img src="images/self1.jpg" width="200px"></td>
		  <td><img src="images/wechat.jpg"width="150px"></td>
		  </tr></table>

二、如何制作区块？

1.通过table

<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>主要的网页标题</h1>
</td>
</tr>
 
<tr>
<td style="background-color:#FFD700;width:100px;">
<b>菜单</b><br>
1<br>
2<br>
3
</td>
<td style="background-color:#eeeeee;height:200px;width:400px;">
4</td>
</tr>
 
<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
5</td>
</tr>
</table>

2.通过div

HTML div元素是块级元素，它可用于组合其他 HTML 元素的容器。它没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，div元素可用于对大的内容块设置样式属性。

div元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。

<div style="text-align: center;">
			<a href="self.html" target="_blank" class="button button1" style="text-decoration: none;" >这里是Jiayi的个人信息</a>
		</div>

三、背景图片的设置

background-color指背景颜色
background-image指背景图片
background-repeat指这张图片铺了页面多少位置
background-attachment指背景图像是否固定或者随着页面的其余部分滚动
background-position指背景图片的位置

<style >
			body
			{
   
				background-image: url(images/backgroud.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				background-attachment: fixed;
			}
		</style>

四、样式表

1.内部样式表

<style>
			p{
   font-size: 1.5rem;}
			p{
   font-family: "楷体";}
			p2{
   font-family: 'Times New Roman', Times, serif;}
			h2{
   font-family: "微软雅黑";}
			a{
   font-family: 'Times New Roman', Times, serif;}
			p2{
   font