HTML 标签基础知识学习(一)

最新推荐文章于 2024-08-04 20:38:28 发布

Frank_Summer

最新推荐文章于 2024-08-04 20:38:28 发布

阅读量717

点赞数 1

分类专栏： HTML5 文章标签： html javascript 标签

本文链接：https://blog.csdn.net/qq_29284809/article/details/50417825

版权

HTML5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

块级元素的特点：

1.块级元素的内容，默认显示在块的左上角；
2.块级元素，单独占满一行。（文档流）

常用的块级元素：

div
p
h1-h6
form
menu
pre
table
三种列表
ol li ul li  dl dt
......

行内元素的特点：

1.没有单独占满一行；
2.默认情况下，不受到height，width的影响；

常用的行内元素：

span
a
label
img
textarea
strong
input
select
......

1.<!-->注释标签

<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>

注释：注释行结尾处的两条斜杠 (//) 是 JavaScript 注释符号。这可以避免 JavaScript 执行 –> 标签。

2.<!DOCTYPE>标签

这里写代<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档的内容......
</body>

</html>码片
注释:<!DOCTYPE> 声明没有结束标签,声明对大小写不敏感!
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。

3.<a>定义超链接标签,用于从一张页面链接到另一张页面

<a href="http://www.baidu.com.cn">百度</a>
<a> 元素最重要的属性是 href 属性，它指示链接的目标。

提示：如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。
在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的,已被访问的链接带有下划线而且是紫色的,活动链接带有下划线而且是红色的.

<abbr>指示简称或缩写标签

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
提示：可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

5.<acronym>标记一个首字母缩写标签

<acronym title="World Wide Web">WWW</acronym>
HTML5 中不支持 <acronym> 标签。请使用 <abbr> 标签代替。

6.<address>标签定义文档或文章的作者/拥有者的联系信息

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
提示:如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。<address> 标签不应该用于描述通讯地址，除非它是联系信息的一部分,通常连同其他信息被包含在 <footer> 元素中。

7.<applet> 标签定义嵌入的 applet。

<applet code="Bubbles.class" width="350" height="350">
Java applet that draws animated bubbles.
</applet>
HTML5 中不支持 <applet> 标签。请使用 object 元素 标签代替。

8.<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
area 元素总是嵌套在 <map> 标签中。
注释：<img> 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。
在 HTML 中，<area> 没有结束标签。
在 XHTML 中，<area> 必须正确地关闭。

9.<article>标签规定独立的自包含内容

<article>
  <h1>Internet Explorer 9</h1>
  <p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p>
</article>

<article> 标签是 HTML 5 中的新标签。

10.<aside> 标签定义其所处内容之外的内容

<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>
提示：<aside> 的内容可用作文章的侧栏。

对html标签转义

&lt;body&gt;

12.预定义文本标签pre（保留空格和换行符）

<pre>
    你哈
    你好
    你  好
</pre>

13.缩写说明（当鼠标选中时提示说明内容）

   <abbr title="hyper text markup language">HTML</abbr>

Frank_Summer

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 标签基础知识学习(一)

1.<script type="text/javascript"></script>注释：注释行结尾处的两条斜杠 (//) 是 JavaScript 注释符号。这可以避免 JavaScript 执行 –> 标签。 2.标签这里写代<!DOCTYPE html><html><h
复制链接

扫一扫

专栏目录