什么是html？
1、html是超文本标记语言，是用来描述网页的一种语言（HyperText Markup Language)。
不是一种编程语言，使用标记标签来描述网页。
HTML HTML 文档包含了HTML 标签及文本内容,HTML文档也叫做 web 页面。
HTML的基本结构：
<!doctype html>：文档声明，此类型doctype声明HTML5文档
：HTML 页面的根元素 :包含了文档的元数据 :包含了页面的隐式信息 如 charset="utf-8 中文等-
标签定义了定义列表（definition list）。用于结合
（定义列表中的项目）和
- （描述列表中的项目） 标签定义了定义列表中的项目（即术语部分）
- 在定义列表中定义条目的定义部分 ## 链接跳转 HTML 使用超级链接与网络上的另一个文档相连。点击链接可以从一张页面跳转到另一张页面。 来设置超文本链接。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像。 鼠标移动到链接上，鼠标默认会变为一只小手，链接文本默认带有下划线。 target属性固定打开方式 target = '_blank' ;。 **可以使用cursor:pointer来增加一个小手指示器进行选中（不会跳转）** *支持相对路径与绝对路径的跳转*
图片标签
<img src=”地址 ”> 通过此标签，可向页面内引入图片
例：
src属性为文件的路径**，alt属性为图片由于某种原因无法展示的时候显示的信息**
常用的块级元素和行内元素
div是块级元素的代表，该标签属于结构标签，常见用途文档布局
span是行内元素的代表,该标签属于结构标签，常见用途文本容器
块级元素/行内元素特点
块级元素： 默认占满整行 宽度高度可进行设置
行内元素：
和其他相邻的行内元素都在一行上；
高度、行高和顶以及底边距都不可改变；
宽度就是它的文字或图片的宽度，不可改变。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> 文本标签</title>
<link rel="stylesheet" href="">
</head>
<body>
<a href="https://music.163.com/#/my/m/music/playlist?id=90199972">
<img src="https://img14.360buyimg.com/cms/jfs/t1/100927/17/16554/87514/5e7c5511E1e44b06f/a4128987ec923f6e.jpg" alt="">
</a>
<h1><b>标题1</b></h1>
<hr>
<h2><u>标题2</u></h2>
<hr>
<h3><s>标题3</s></h3>
<hr>
<h4><br><ul>
<li id="1">无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
<li>无序列表4</li>
</ul></h4>
<hr>
<h5><ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
<li>列表5</li>
</ol></h5>
<hr>
<h6><dl>
<dd>自定义列表1</dd>
<dt>自定义列表内容1</dt>
<dd>自定义列表2</dd>
<dt>自定义列表内容2</dt>
<dd>自定义列表3</dd>
<dt>自定义列表内容3</dt>
<dd>自定义列表4</dd>
<dt>自定义列表内容4</dt>
</dl></h6>
<a href="https://music.163.com/#/my/m/music/playlist?id=90199972" target="_blank">跳转按钮</a><br>
<a href="#1">
<img height="800" src="1.bmp" alt="未显示">
</a>
</body>
</html>
css中表单的语法
HTML表单用于搜集不同类型的用户数据，表单就是一个包含表单元素的区域表单元素N个。
表单元素是允许用户在表单中（比如文本域，下拉列表，单选框，复选框等等），输入信息的元素,以及文本标签;
表单使用表单标签定义<form
表单的标签
- 表单的最外层包裹元素元素（非必须）
- action = “url”规定表单发送数据的路径
- autocomplete = on/off 是否应该启用自动完成功能。
- method = post/get 属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。
- target = “_blank” 属性规定在何处打开 action URL。
标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
常用的标签有：
text 文本域 password 密码框
button 以按钮的形式显示 checkbox 复选框的形式显示 radio 单选框
file 传递文件 hidden 隐藏文本域 reset 重置按钮 submit 提交按钮
常用的属性有：
value 规定元素的初始值 checke 规定元素是否为选中状态 disabled 规定元素是否为可用状态
multiple 属性规定输入字段可选择多个值。 name 定义 input 元素的名称。
placeholder 规定帮助用户填写输入字段的提示。 readonly 规定输入字段为只读。
表单标签
-
select 元素可创建单选或多选菜单。 <select&> 元素中的 标签用于定义列表中的可用选项(比如实现下拉列表等)。
-
标签定义多行的文本输入控件。
CSS中的表格
表格由
标签来定义。每个表格均有若干行（由tr标签定义）。
每行被分为若干个单元格（由td标签定义）。
标签td指表格数据，及数据单元格内容。
数据单元格可以包含文本，图片，列表，段落，表单，水平线，表格等等。
表格的表头使用
| 标签定义。 |
|---|
表格属性：
单元格边框表格标签：
标签定义 HTML 表格中的行。tr 元素包含一个或多个 th 或 td 元素。 标签定义 HTML 表格中的标准单元格。 **HTML 表格有两类单元格：** 表头单元 - 包含头部信息（由 th 元素创建） 标准单元 - 包含数据（由 td 元素创建），td 元素中的文本一般显示为正常字体且左对齐。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>表单</title>
<link rel="stylesheet" href="">
</head>
<body>
<form action=""><input type="password" name="请输入文本" placeholder="请输入密码"></form>
<form action=""><input type="text" value="请输入文本"></form>
<a href="https://music.163.com/#/my/m/music/playlist?id=90199972" target="_blank">
<form action=""><input type="button" name="跳转按钮" value="跳转按钮"></form>
</a>
<form action="">
<input id="11" type="checkbox" multiple="">
<label for="11"> 11 </label>
<input id="22" type="checkbox" multiple="">
<label for="22">22</label>
</form>
<form action="">
<input id='nan' type="radio" name="gender">
<label for="nan">男</label>
<input id="nv" type="radio" name="gender">
<label for="nv">女</label>
</form>
<form action=""><input type="file" value="选择文件"></form>
<form action=""><input type="submit" name="提交"></form>
<form action=""><input type="reset" name="重置"></form>
<select autofocus="autofocus" multiple>
<option value="">aaaaa</option>
<option value="">bbbbb</option>
<option value="">ccccc</option>
</select>
<input type="text" autofocus="autofocus" value=>
<form action="">
<select name="" id="">
<option value="">1111</option>
<option value="">2222</option>
<option value="">3333</option>
</select>
</form>
<hr>
<textarea maxlength="8" name="多行文本" id="textarea1" cols="10" rows="20" value='我是文本域' placeholder="文本域"></textarea>
<hr>
<label for="">请输入哀嚎</label>
<input type="checkbox" name="fa1"><label for="#fa1">吃饭</label>
<input type="checkbox" name="fa2"><label for="#fa2">睡觉</label>
<input type="checkbox" name="fa3"><label for="#fa3">等等、</label>
<hr>
<table border="1" cellpadding="2" cellspacing="3" table align="center" table width="3">
<thead>
<tr>
<th>班级</th>
<th>姓名</th>
<th>学号</th>
<th>性别</th>
<th>座位</th>
<th>年龄</th>
<th>脑子</th>
</tr>
<tbody>
<tr>
<td>class1</td>
<td>a</td>
<td>a1</td>
<td>m</td>
<td>a11</td>
<td>11</td>
<td>1</td>
</tr>
<tr>
<td>class2</td>
<td>b</td>
<td>b2</td>
<td>f</td>
<td>b11</td>
<td>22</td>
<td>2</td>
</tr>
<tr>
<td>class3</td>
<td>c4</td>
<td>c5</td>
<td>c6</td>
</tr>
</tbody>
<tfoot table align="center">test_list1</tfoot>
</table>
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
