html笔记二

1.字体标签 
		格式:

<font 属性名1="属性值1" 属性名2="属性值2" ...>内容</font>

		标签的属性:
				  1 size:  设置字体大小	 1是最小 7是最大
				  2 color: 设置字体颜色  英文  三原色
				  3 face:  设置字体属性

2 排版标签
			<hn>标题标签  1最大,6最小 自动换行
			<hr>水平线标签  自动换行
			<p>段落标签     自动上下换行
			<br>换行标签    自动换行
			<b>加粗标签
			<i>斜体标签
			<u>下划线标签
3.图片标签
		格式:<img />
	
		属性:
		       src: 可以找到指定的图片地址引入到html文件中
		       width:  设置图片的宽度
		       height: 设置图片的高度
		       alt:图片找不到的提示功能
		图片路径问题
 路径:
   相对路径:
	     ./ :代表当前路径  ./也可以省略不写
	     ../: 代表上一级路径
	     ../../: 代表上2级路径
	     依次类推
	      html的列表标签
	 
4.列表标签
无序列表标签
		格式:
			<ul>
			    <li>百度</li>
			    <li>百度</li>
			    <li>百度</li>
			    <li>百度</li>
			    ....
			</ul>
	

	 有序列表标签
		格式:
			<ol>
				<li>百度</li>
				<li>百度</li>
				<li>百度</li>
				<li>百度</li>
				.....
			</ol>
 
		属性:
			type


5. html的超链接标签
		格式:
			<a>超链接的内容</a>
	 
	 属性：
		href：代表要跳转的路径
			href="#"和href=""
			#: 是页面不刷新返回本页
			"":是页面刷新返回本页
		target：打开方式
		   取值:
		    _blank:新建窗口打开
		    _self：在自身窗口打开(默认)

6. html的表格标签
   格式:

<table>
				<tr>
					<td></td>
					<td></td>
					...
				</tr>
				<tr>
					<td></td>
					<td></td>
					...
				</tr>
				<tr>
					<td></td>
					<td></td>
					...
				</tr>
				<tr>
					<td></td>
					<td></td>
					...
				</tr>
				......
			</table>

 属性：
	 border：边框
		注意:如果没有设置宽度和高度,就只包裹内容的宽度和高度
		     对于<table>来说,height的百分比一般是不会去写的,让整个屏幕自适应高度
	 width：宽度
	 height：高度
	 bgcolor：背景颜色
	 align：对齐方式
	   ——left:左对齐
	   ——center：居中对齐
	   ——right：右对齐
	td：
	 rowspan：跨行
	 colspan：跨列