<!--

<meta charset="utf-8" />
编码以及网站的配置信息,这个编码不止是字符编码,还可以使用移动端使用

<h1>
是标题标签,有h1-h6,往后字体越小,自带换行效果,<h1> 是开头 </h1>是结束

<br/>
 换行 这样写是因为br不需要修饰任何内容,直接换行即可

<p>
段落标签,自带换行,后期可以通过css来修饰段落里的内容,
所以p更大的作用就是起一个标记的作用,表示这是一个正文

<b> <i>
b是给字体加粗  i是给字体倾斜

<strong> <em>
一个是粗体一个是斜体,b和i是上面2个标签的缩写
但是这是带语义的,搜索引擎友好标签

<hr/>  
水平分割线

<font>
字体标签,属性写在标签内 <font color="red" size="5"> 记住后面要有引号
	color "颜色"
	size  "大小"
	face  "字体"   比如 "微软雅黑"

<img> 
图片标签
	src  指定图片的目录,用/可以代表2个\\
	width  指定图片宽度,可以写百分百,这个百分比是对你所在的区域而已,
		   我们在body,就是整个页面的百分之几十
	height 指定图片高度,也可以写像素大小
	alt    图片有问题的时候才显示的文本

<ul> <ol>
ul是无序列表
	type="disc" 属性,一个小圆圈,square小方块,其他查文档
	<ul type="disc">	
		<li>xxx</li>
	</ul>
ol是有序列表
	type="1" 1是以数字标记行,逐渐递增
	start="2" 从数字2开始标记
	<ol type="1"> 那么就是以数字排序
		<li>xxx</li>
	</ol>
	
<li>
li单独使用是无序的,前面就是一个圆,但是可以修改
	type  可以使用无序和有序的类型

<a>
链接标签,可以通过点击这个标签修饰的东西跳到其他网址
	href  链接的网页,可以是本地的,网页的需要加上前缀http://
	target 目标地方 _self就是覆盖本身的网页打开新网页,_blank就是打开新的网页
	
<table>
表格标签
	border  指定边框大小,不能在写tr td
	width   整个表格的宽度,不是一个单元格
			写在tr里就是一行的宽度,td一个单元格
	height  整个表格的高度,如果不指定,会自动撑大来,
			写在tr里就是一行的高度,td一个单元格
	bgcolor 整个表格的颜色的背景颜色
			写在tr里就是一行的背景颜色,td一个单元格
	align   整个表格居中,内容不居中  center 表示居中,left表示左对齐
			写在tr里就是一行的内容居中,td一个单元格的内容
	<tr>
	表格的行
		
		
		
		<td>
		表格的列
			colsapn="2" 合并几列单元格,合并2列就需要删除1个td,
						列就是旁边的一个td要删了,且会自动排版
			rowspan="2" 合并几行单元格,需要和上面一样删除
						行就是下一个tr里的同样位置的td要删了
	
-->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h1>鞍山市太高深</h1>
		<b>wtw</b><br/>
		<p>gsg</p>
		<hr/>
		fuck<font color="red" size="7">everything</font>
		<hr/>
		<img src="img/_001_img1.png" width="50%" height="50px"></img>
	<ul>
		<li>xxx</li>
		<li>xxx2</li>
	</ul>
	<ol start="2">
		<li>xxx</li>
		<li>xxx</li>
	</ol>
	<li>sgs</li>
	<a href="https://www.baidu.com" target="_blank">前往百度</a>
	
	<table border="1px" width="400" clor>
		<tr bgcolor="beige">
			<td colspan="2">1</td>
<!--			<td>2</td> -->
			<td>3</td>
			<td rowspan="2">4</td>

		</tr>
		<tr>
			<td>5</td>
			<td>6</td>
			<td>7</td>
<!--			<td>8</td>-->
		</tr>
		<tr>
			<td>9</td>
			<td>10</td>
			<td>11</td>
			<td>12</td>
		</tr>
	</table>
	
	</body>
</html>
001 html

效果图

猜你喜欢
