2.1HTML简介
由一堆标签展示在浏览器形成的内容
2.2HTML基础框架
<!DOCTYPE html> //避免怪异模式的声明
<html>
<head> //头部
<title> //标题
<meta charset="UTF-8"> //编码格式
</title>
</head>
<body> //包
</body>
2.3标签
（1）h$*6 快速生成标题
（2）p 段落标签
（3）br 分段
（4）hr 划线
<hr color=" " width=" " size=" " align=" ">
属性之间不需要逗号间隔！！！
（5）图片标签 img
<img src="1.jpg" alt="白色花花" title="白色花花" width="100px">
<img src="2.jpg" alt="紫色花花" title="紫色花花" width="100px">
补充：
【1】父级关系：../
【2】子级关系：*/
【3】同级关系：./
图片文件和代码文件必须在同一文件夹下！！！
2.4超文本链接<a></a>
可以是字、词句、画
<a href="地址">名字</a>
示例： 词： <a href="https://www.kimi.com/">Kimi</a>
画：<a href="https://www.kimi.com/">
<img src="2.jpg" width="100px" alt="">
2.5文本标签
2.6列表标签
2.6.1有序列表
快捷键：ol>li*n
<ol type=" ">
<li> <li>
</ol>
有序嵌套
2.6.2无序列表
快捷键：ul>li*n
<ul type=" ">
<li> </li>
</ul>
type属性：
无序列表作用：1.新闻列表 2.导航栏
2.7表格标签
2.7.1表格生成
快捷键：table>tr*n>td{文本}
<table>
<tr>
<td> </td>
</tr>
</table>
2.7.2合并表格
colspan 水平合并
rowspan 垂直合并
例：<tr>
<td>单元格6</td>
<td>单元格7</td>
<td rowspan="4">单元格8</td>
<td colspan="2" rowspan="2">单元格9</td>
</tr>
2.8表单
2.8.1表单
表单是一个让用户输入内容的方式，实现交互。
表单元素：表单标签、表单域、表单按钮 form，input，button
<form action="">
<input type="text">
<button>百度一下</button>
</form>
2.8.2表单元素
<input type="text"> 文本
<input type="password"> 密码
<input type="submit">
2.9块元素和内联元素
块元素：独占一行（垂直排列）
内联元素：只占自身大小（水平排列）
行内块级元素：只占自身大小，但可以识别自身属性（不换行，可识别宽高）
2.10HTML5新标签（语义化更强、提升
SEO）
拓展：div：容器作用，使结构更清晰
<header></header> 头部
<nav></nav> 导航
<article></article> 文章
<section></section> 段落
<footer></footer> 底部
扫一扫
1740
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
