HTML (Hyper Text Markup Language) 超文本标记语言,通过标记标签进行描述网页需要的内容和结构
HTML标签通常是用尖括号,成对出现,分别成为开始标签和结束标签(开放标签和闭合标签)
-
HTML基本结构
<!DOCTYPE>
<html>
<head></head>
<body></body>
</html>
其中 <html> 与 </html> 之间的文本描述网页
<head></head>之间的文本描述文档的各种属性和信息,及引用的脚本网页样式等
<body> 与 </body> 之间的文本是可见的页面内容
-
HTML标题
-<h1>一级标题</h1>
-<h2>二级标题</h2>
以此类推……
-
HTML段落
- <p></p>
进行段落文本的内容的书写
- <blockquote></blockquote>
进行段落的缩进
- <b></b>
文字加粗
-<i></i>
设置斜体
<u></u>
设置下划线
-
HTML插入
-链接:<a href="URL"></ a>
-图片: 
- HTML表格
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</tabe>
其中 thead、tbody、tfoot使整个表格代码结构清晰
th设置表格表头、会呈现加粗居中效果
tr定义每一个表格的行,td定义每一个单元格
-样式设置 -
width、height设置表格的宽和高;
boder设置表格边框
colspan、rowspan可设置单元格的跨行及跨列
-
HTML列表
有序列表
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
在无序列表中可通过style设置样式
dics 实心圆点
square 实心方块
circle 空心园点
……
- HTML表单
<form>
<input type = ""/>
</form>
type 类型
radio 单选
text 文本
submit 提交
……
- 样式设置
通过<span></span>可对span内的内容进行样式的设置
通过<div></div> 定义块进行样式设置
网友评论