关于html的基础知识总结(1)
首先任何html语法都是以
<!DOCTYPE html>开头的
下面我们就来交接一下html的主题构成
<head><!--提供有关文档内容的标注信息-->
<head><!--提供有关文档内容的标注信息-->
<meta charset="UTF-8"><!--用来给浏览器进行多次功能访问的 编码方式桐城市utf-8-->
<title>许洪卓第一天</title><!--顾名思义是标题-->
</head>
然后是html的主体部分body
<body><!--真正面向用户的显示,主要内容都在这里-->
基本上你网页上面向用户的内容都在这里写
然后我们来介绍一下html的一些元素,就像元素周期表一样,html有许多元素来丰富我们的内容
。。。
卓哥学习html
1:超链接:<a href="Demo3.html" >超链接1</a><!--单独放一个<a></a>没什么太大区别,必须添加属性href才是能作为超链接-->
<a href="Demo3.html" target="_blank">超链接2</a><!--添加blank之后页面跳转会再生成一个,而不是在当前页面改变-->
<a href="Demo3.html" target="_self">超链接3</a><!--默认是self-->
2:粗体:<b> 许洪卓 </b><!--粗体-->
3:斜体:<em>许洪卓</em><!--斜体效果-->
4:下划线:<u>许洪卓</u><!--过时了比建议使用-->
5:中间线:<s>许洪卓</s>
介绍完几个基础的元素后,我来介绍一下“表格”
<table border="1px" align="center"><!--这是一个表格 border="1px" 表格属性加上边框 不建议使用 align="center" 居中-->
注意上述注释中的内容,table来构建一个表格,通过改变其中的属性来对表格进行修改。
<thead><!--表头--></thead>
<tbody><!-- 表身--></tbody>
<tfoot><!--表脚--></tfoot>
其中通过添加“td”和“tr”来声明表中的元素
<tr><!--一行中的单元格-->
<td><!--一行中的单元格的每个内容-->
许洪卓
</td>
<td>
剩下的详情请看<a href="Demo3.html">Demo3</a>
</td>
</tr>
而作为第一行表格我们还可以这么写
<tr><!--一行中的单元格-->
<th><!--一行中的单元格的每个内容进行加粗-->
许洪卓
</th>
<th>
剩下的详情请看<a href="Demo3.html">Demo3</a>
</th>
</tr>
上述代码 表格中的内容会加粗
然后简单说一下列表元素
列表元素最关键的几个点就是 (ol : 有序列表 ul :无序列表 li :表示列表中的项)
<ol >
<li>朝辞白帝彩云间</li>
<li>千里江陵一日还</li>
<li>两岸猿声啼不住</li>
<li>轻舟已过万重山</li>
</ol>
上述是升序排列,还可以降序
<ol reversed><!--降序-->
<li>朝辞白帝彩云间</li>
<li>千里江陵一日还</li>
<li>两岸猿声啼不住</li>
<li>轻舟已过万重山</li>
</ol>
通过改变type属性可以有更多样式供您挑选
<ol type="a">
<li>朝辞白帝彩云间</li>
<li>千里江陵一日还</li>
<li>两岸猿声啼不住</li>
<li>轻舟已过万重山</li>
</ol>
type有 “a”,“A”,“i”,“I”等样式
而ul则是无序标签
<ul><!--无需标签-->
<li>我爱你中国</li>
<li>我爱你中国</li>
<li>我爱你中国</li>
<li>我爱你中国</li>
<li>我爱你中国</li>
</ul>
html还有特别重要的表单元素,等我下次心血来潮了再写,不过我可以附上代码连接
点击即可获得代码