首页 > 网站 > WEB开发 > 正文

HTML标签总结

2024-04-27 14:33:45
字体:
来源:转载
供稿:网友
HTML标签总结

一,基本概念

HTML(HypertextMarkupLanguage)超文本标记语言,是用于描述网页文档的一种标记语言,XHTML是一种遵循更严格的xml规则的HTML新版本,这种新的XML兼容版本的HTML被称为XHTML。

<!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前。它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。

二.大体框架

<html>

<head>

<title>该文本的标题</title>

</head>

<body>网页要显示的内容...(可以使用各种标签设置参数)</body>

</html>

使用META标记,提供关于网页的信息<METAcharset=”UTF-8">设置网页使用UTF-8编码

HTML标签语法:

1、双标记:<开始标记>内容</结束标记>。例:<font>新华网</font>、<title>...</title>

2、单标记:<标记>。例:<hr>--加横线、<br>--换行、<b>--加宽等。

3、标记的属性:<标记属性1=参数属性2=参数...>内容</标记>。例:<fontsize="5"color="red"><b>新华新闻</b></font>。

三.标签分类

1、文档标签(10个):<html>、<head>、<body>、<title>、<meta>、<base>、<style>、<link>、<script>、<noscript>

2、框架标签(4个):<frame>、<frameset>、<iframe>、<noframes>

3、布局标签(1个):<div>

4、表格标签(8个):<table>、<thead>、<tbody>、<tfoot>、<tr>、<td>、<th><caption>

5、表单标签(10个):<from>、<input>、<textarea>、<button>、<select>、<optgroup>、<option>、<label>、<fieldset>、<legend>

6、列表标签(6个):<ul>、<ol>、<li>、<dl>、<dt>、<dd>

7、链接标签(1个):<a>

8、多媒体标签(3个):<img>、<map>、<area>

9、文章标签:<h1>-<h6>、<p>、<br>、<span>、<PRe>、<blockquote>、<q>、<ins>、<del>、<address>

11、特殊标签(3个):<!DOCTYPE>、<!---->、<hr>

块元素(blockelement)

  1. *div-常用块级主要标签
  2. *dl-定义列表
  3. *form-交互表单
  4. *h1-h6-标题
  5. *hr-水平分隔线
  6. *ol,ul-排序表单,非排序列表
  7. *p-段落
  8. *pre-格式化文本
  9. *table-表格
  10. *blockquote-块引用

内联元素(inlineelement)

  1. *a-锚点
  2. *br-换行
  3. *em-强调
  4. *i-斜体
  5. *img-图片
  6. *input-输入框
  7. *label-表格标签
  8. *q-短引用
  9. *select-项目选择
  10. *span-常用内联容器,定义文本内区块
  11. *sub-下标
  12. *sup-上标
  13. *textarea-多行文本输入框
  14. *var-定义变量

块元素与行元素可以通过CSS中display样式进行转换(inline,block,inline-block)。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表