【HTML学习总结】

HTML学习总结

一、基础标签：

文档类型：

<!DOCTYPE>	

标题：

 <h1> - <h6> 标签
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>

段落：

<p>这是一个段落。</p>

换行：

<br>

字体加粗

<strong>

斜体：

<i>	

链接:

<a href="网址或URL">这是一个链接</a>

图像:

<img  src=" " />

表格：

<table>	定义表格。
<tr>	表格中的一行。
<th>表格中的表头单元格。
<td>	表格中的单元格。

无序列表：

<ul> 列表
<li>	列表的项目

HTML 元素语法

以开始标签起始
以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

元素可以设置属性

class	    为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id     	    定义元素的唯一id
style	    规定元素的行内样式（inline style）
title	    描述了元素的额外信息 (作为工具条使用)

区块元素

 <div> 
 块级元素,浏览器会在其前后显示折行.<div> 元素的另一个常见的用途是文档布局。
 <span> 
 <span> 元素是内联元素,

二 、表单

表单用于收集用户的输入信息，将用户收集到的信息发送到 Web 服务器
例：

<form action="">
userName: <input type="text" name="userName"><br>
password: <input type="text" name="password">
</form>

文本域

<input type="text"> 当用户要在表单中键入字母、数字等内容时，就会用到文本域。

密码字段

<input type="password"> 

单选按钮

<input type="radio">

复选框

<input type="checkbox">

提交按钮

<input type="submit">
当用户单击确认按钮时，表单的内容会被传送到服务器。表单的动作属性 action为服务端的文件名。
action 属性会对接收到的用户输入数据进行相关的处理。

三、颜色

颜色大全
背景颜色：background-color:
字体颜色：color:

四、插入脚本

<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。

五、语义元素

<header> 头部区域
<nav>  导航链接的部分
<section> 文档中的节、区段。例如章节、页眉、页脚或文档中的其他部分
<article> 独立的内容
<aside> 主区域内容之外的内容（比如侧边栏）
<figure> 独立的流内容（图像、图表、照片、代码等等）
<footer> 底部区域