HTML总结

最新推荐文章于 2021-03-28 18:04:05 发布

零小星

最新推荐文章于 2021-03-28 18:04:05 发布

阅读量88

点赞数

分类专栏：ＨＴＭＬ文章标签：ＨＴＭＬ

本文链接：https://blog.csdn.net/qq_43773083/article/details/102956265

版权

ＨＴＭＬ专栏收录该内容

1 篇文章 0 订阅

订阅专栏

至今为止用过的标签

标签	描述
<!DOCTYPE>	定义文档类型
<html>	定义 HTML 文档
<title>	定义文档的标题。
<body>	定义文档的主体。
<h1> to <h6>	定义 HTML 标题。
<p>	定义段落。
<br>	定义简单的折行。
<hr>	定义水平线。
<!–…-->	定义注释。
<strong>	定义语气更为强烈的强调文本。
<sup>	定义上标文本。
<sub>	定义下标文本。
<address>	定义文档作者或拥有者的联系信息。
<b>	定义粗体文本。
<i>	定义斜体文本。
<form>	定义供用户输入的 HTML 表单。
<input>	定义输入控件。
<textarea>	定义多行的文本输入控件。
<button>	定义按钮。
<select>	定义选择列表（下拉列表）。
<option>	定义选择列表中的选项。
<label>	定义 input 元素的标注。
<frame>	定义框架集的窗口或框架。
<iframe>	定义内联框架。
<img>	定义图像。
<canvas>	定义图形。
<a>	定义锚。
<link>	定义文档与外部资源的关系
<ul>	定义无序列表。
<ol>	定义有序列表。
<li>	定义列表的项目。
<dl>	定义定义列表。
<dt>	定义定义列表中的项目。
<dd>	定义定义列表中项目的描述。
<menu>	定义命令的菜单/列表。
<table>	定义表格
<caption>	定义表格标题。
<th>	定义表格中的表头单元格。
<tr>	定义表格中的行。
<td>	定义表格中的单元。
<thead>	定义表格中的表头内容。
<tbody>	定义表格中的主体内容。
<tfoot>	定义表格中的表注内容（脚注）。
<pre>	定义预格式文本。
<style>	定义文档的样式信息。
<div>	定义文档中的节。
<span>	定义文档中的节。
<header>	定义 section 或 page 的页眉。
<footer>	定义 section 或 page 的页脚。
<section>	定义 section。
<article>	定义文章。
<aside>	定义页面内容之外的内容。
<details>	定义元素的细节。
<head>	定义关于文档的信息。
<meta>	定义关于 HTML 文档的元信息。
<base>	定义页面中所有链接的默认地址或默认目标。
<script>	定义客户端脚本。

几个经常组队出现的标签

<html>
	<head>
		<title>Document name goes here</title>
	</head>
	<body>
		Visible text goes here
	</body>
</html>

<ul>
	<li>First item</li>
	<li>Next item</li>

First item
Next item

<ol>
	<li>First item</li>
	<li>Next item</li>
</ol>

First item
Next item

<dl>
	<dt>First term</dt>
	<dd>Definition</dd>
	<dt>Next term</dt>
	<dd>Definition</dd>
</dl>

First term

Definition

Next term

Definition

<table border="6">
	<caption>我的标题</caption>
	<tr>
	  <td>100</td>
	  <td>200</td>
	  <td>300</td>
	</tr>
	<tr>
	  <td>400</td>
	  <td>500</td>
	  <td>600</td>
	</tr>

我的标题
100	200	300
400	500	600

<frameset cols="25%,75%">
  <frame src="page1.htm">
  <frame src="page2.htm">
</frameset>

<form action="http://www.example.com/test.asp" method="post/get">
	<input type="text" name="lastname"　value="Nixon" size="30" maxlength="50">
	<input type="password">
	<input type="checkbox" checked="checked">
	<input type="radio" checked="checked">
	<input type="submit">
	<input type="reset">
	<input type="hidden">
	<select>
		<option>Apples
		<option selected>Bananas
		<option>Cherries
	</select>
	<textarea name="Comment" rows="60"　cols="20"></textarea>
</form>

几个常见的行块级元素

注：行内元素的水平方向的padding-left和padding-right都会产生边距效果，但是竖直方向上的padding-top和padding-bottom都不会产生边距效果

行内元素	块级元素（内联元素）
<a>	<address>
<b>	<caption>
<br>	<dd>
<em>	<div>
<i>	<dl>
<big>	<dt>
<label>	<form>
<sup>	<h1> to <h6>
<select>	<hr>
<span>	<li>
<strong>	<ol>
<sub>	<ul>
<tt>	<p>
<q>	<pre>
<abbr>	<table>
<acronym>	<tbody>
<bdo>	<td>
<var>	<tfoot>
<cite>	<th>
<code>	<thead>
<dfn>	<tr>

几个常见的行内块元素
img,input,textarea

零小星

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML总结

至今为止用过的标签标签描述<!DOCTYPE>定义文档类型<html>定义 HTML 文档<title>定义文档的标题。<body>定义文档的主体。<h1> to <h6>定义 HTML 标题。<p>定义段落。<br>定义简单的折...
复制链接

扫一扫