<!--
<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
猜你喜欢
转载自blog.csdn.net/yzj17025693/article/details/81153265
今日推荐
周排行