HTML基础标签总结
HTML是以标签为主的超文本标记语言,标签是这门语言的灵魂。希望这篇笔记能帮助到同为初学的你!
PS:<>为标签,()为属性,整理顺序按照本人菜鸟教程的学习顺序为主的。
基础
<!DOCTYPE html>
声明为 HTML5 文档<html>
元素是 HTML 页面的根元素<head>
元素包含了文档的元(meta)数据,如 <meta charset="utf-8">
定义网页编码格式为 utf-8。<title>
元素描述了文档的标题<body>
元素包含了可见的页面内容<h1>-<h6>
元素定义一个标题<p>
元素定义一个段落<a href="http://www.runoob.com">这是一个链接</a>
定义链接target
(属性),你可以定义被链接的文档在何处显示id
(属性)可用于创建在一个HTML文档书签标记<img src="/images/logo.png" width="258" height="39" />
定义图像<br>
标签定义换行<hr>
标签在 HTML 页面中创建水平线<!--这是一个注释,注释在浏览器中不会显示-->
注释<b>
定义粗体文本<i>
定义斜体字<small>
定义小号字<sub>
定义下标字<sup>
定义上标字<ins>
定义插入字<del>
定义删除字<bdo>
定义文字方向<abbr>
定义缩写<address>
定义地址<base>
标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接<link>
eg:外部样式表<link rel="stylesheet" type="text/css" href="mystyle.css">
标签定义了文档与外部资源之间的关系<style>
标签定义了HTML文档的样式文件引用地址<meta>
标签描述了一些基本的元数据<script>
定义了客户端的脚本文件background-color
(属性),定义一个元素的背景颜色font-family
(字体)color
(颜色)font-size
(字体大小)text-align
(文字对齐)
图像
<img>
图像src
源属性的值是图像的 URL 地址alt
属性用来为图像定义一串预备的可替换的文本height
(高度) 与 width
(宽度)属性用于设置图像的高度与宽度<area>
定义图像地图中的可点击区域<map>
定义图像地图
表格
<table>
表格<tr>
行<td>
列border
(边框)<th>
表头<caption>
表格标题colspan(
跨行)rowspan
(跨列)cellspacing
(格间距)cellpadding
(格边距)
列表
<ul>
无序列表<ol>
有序列表,type(属性)可定义排序标志;start(开始位置属性)<li>
有序和无序列表项<dl>
自定义列表<dt>
自定义列表项<dd>
自定义列表项的定义
区块
<div>
定义了文档的区域,块级 (block-level)<span>
用来组合文档中的行内元素, 内联元素(inline)
表单
<form>
表单标签action
(表单数据将被发送到服务器上的位置)<input>
输入表单type="text"
(属性 表单输入文本域)type="password"
(属性 表单输入密码字段)type="radio"
例<input type="radio" name="sex" value="male">Male<br>
(单选框)type="checkbox"
例 <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
(复选框)checked="checked"
复选框的默认选项type="button”
(按钮)type="submit"
(提交)<select>
定义了下拉选项列表<option>
下拉列表选项,selected
(预选值)<textarea>
定义文本域 (一个多行的输入控件)<fieldset>
定义了一组相关的表单元素,并使用外框包含起来<legend>
定义了 <fieldset>
元素的标题
框架
<iframe>
定义一个内联的iframeheight
和 width
(属性用来定义iframe标签的高度与宽度)frameborder
属性用于定义iframe表示是否显示边框