常用HTML标签简介

最新推荐文章于 2022-11-08 12:19:04 发布

天森爱自由

最新推荐文章于 2022-11-08 12:19:04 发布

阅读量304

点赞数 1

分类专栏：编程语言

本文链接：https://blog.csdn.net/mmk1992/article/details/84977309

版权

编程语言专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML：超文本标记语言
这个没啥技术含量，这里只是简单介绍，主要是要熟能生巧。

布局相关：

<!-- 标记导航 --><nav></nav>
<!-- 标记侧边栏 --><aside></aside>
<!-- 标记正文 --><article></article>
<!-- 标记章节 --><section><section>
<!-- 标记尾部 --><footer></footer>
<!-- 标记标题 --><h1>~<h6>
<!-- 标记行内区域，用来组合文档中的行内元素。 --><span></span>
<!—- 定义文档区块，块级(block-level)，起分割作用  --><div></div>
<!—-定义表格 —><table></table>
 <!—-定义表格的表头 —><th></th>
<!—-定义表格的行—><tr></tr>
<!—-定义表格单元—><td></td>
<!—-表单—><form></form>

格式相关

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
<a href="http://www.runoob.com/" target="_blank”>hello，world!</a>
  <a>定义链接，可以定义属性值,新窗口打开
<img src="/images/logo.png" width="258" height="39" />  <img>定义图片
<input type="radio"> 标签定义了表单单选框选项
<input type="checkbox"> 定义了复选框
<input type="submit"> 定义了提交按钮
<input type=“text” name = “username">  定义文本输入框
<script>document.write("Hello World!")</script> 脚本插入

注意事项：

1、对于中文网页需要使用声明编码，否则会出现乱码。
2、只有body标签区域内的内容才会在浏览器中显示

参考资料：http://www.runoob.com/html/html-tutorial.html