HTML语言都有哪些？（如，<a>...<a>）代表什么意思？_随笔

HTML 文件结构标记

<html>...</html>HTML文件全文的开始结束标记

<head>...</head>HTML文件头部的开始结束标记

<body>...</body>HTML文件体部的开始结束标记

例1 head和body是包含在html标记内部的。头部还可以包含五种标记。<title>, <base>, <link>, <isindex>, <meta>。原码如下：

<HTML>

<HEAD>

</HEAD>

<BODY>

HTML 文件的正文写在这里... ...

</BODY>

</HTML>

语言字符集(Charsets)的信息

元标记meta必须置于头部，用来设置内容的格式，页面语言等。这里charset=gb2312表示字符集用简体中文。但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。

尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。否则，在浏览该主页时显示可能混乱。

背景色彩和文字色彩

bgcolor --- 背景色彩

text--- 文字的色彩

link--- 含超链文字的色彩

alink --- 当前超链文字的色彩

vlink --- 已访问过的超链文字的色彩

色彩是用16进制的RGB值来表示的，如#ff0000表示红色。例如：

背景图象<body background="image-URL">

无滚动背景图<body bgproperties=FIXED>

页面空白(Margin)

页面左边的空白 <body leftmargin=#>

页面上方的空白 <body topmargin=#>#=象素值

超链接(Link)

<a href="URL">超链的文字</a>

其中URL是超链指向的目标网页地址，“超链的文字”是加上了超链接的正文。例如：

<a href="samp/link.html">链接的例子</a>。

本页内部的超链接可跳转到页面的某个标记过的一个地方。

<a name="name">任意文字</a>name是一个标记名，好象路牌。

<a href="#name">超链文字 </a>跳转name 处，这里必须加#号。例如：

<a href="#jump-test">跳转到下一个链接点</a><P>

<a name="jump-test">下一个链接点</a>

跳转到下一个"链接点"

跳转到其他页面的某个地方

只要在上面的语法中的#name前加一个URL即可。

跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。

跳转到另一个页面的某个地方。

新开一个浏览器窗口 (Target Window)

开一个新窗口!

</a>

显示如下：

开一个新窗口!

插入一根水平线 <hr>

例如：<hr size=10>

<hr width=50>和 <hr width=50%>分别显示如下：

--------------------------------------------------------------------------------

<hr align=#>#=left, right

排列，左对齐，右对齐。例如：

<hr width=50% align=right>显示如下：

--------------------------------------------------------------------------------

无影线<hr noshade>

下面这条水平线在编辑诚恳是看不到的。

--------------------------------------------------------------------------------

彩色线<hr color=#>

#=16进制RGB数码，或者是下列预定义色彩：

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

例如 <hr color="red">红色水平线如下：

--------------------------------------------------------------------------------

<style>

.content

{

text-align: center

overflow: hidden

scrolling ="no"

}

.topclass

{

width: 80%

height: 50px

}

.headclass

{

width: 80%

height: 50px

text-align: center

}

.mainclass

{

width: 80%

height: 300px

}

.footerclass

{

width: 80%

height: 50px

}

</style>

<html>

<head>

<title>

</title>

</head>

<body>

</div>

</body>

</html>

刚才整理了一个，你把文件对应上，放在同一个目录下就行了把这个拷贝到一个文件中命名为:

mainFrame.html 作为主体的加载文件

---河南新华网络运营协会为您解答

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全兼容的HTML九宫格布局</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </head> <body> <html> <head> <style type="text/css"> /** 重置浏览器默认标签样式 */ body,ul,li{margin:0padding:0} .xttblog{width: 1200px height: 170px margin-top:50px margin-left: auto margin-right: auto } .box{margin-left: 5pxmargin-top: 5pxlist-style-type:none} .box:after{content: "." display: block line-height: 0 width:0 height: 0 clear: both visibility: hidden overflow: hidden } .box li{float:leftline-height: 230px} .box li a,.box li a:visited{display:block border: 5px solid #ccc width: 380px height: 230px text-align: center margin-left: -5px margin-top: -5px position: relative z-index: 1 } .box li a:hover{border-color: #f00z-index: 2} </style> </head> <body> <div class="xttblog"> <ul class="box"> <li><a href="#" title="1"><img src="sh.jpg"/></a></li> <li><a href="#" title="2"><img src="bd.jpg"/></a></li> <li><a href="#" title="3"><img src="tb.jpg"/></a></li> <li><a href="#" title="4"><img src="fh.jpg"/></a></li> <li><a href="#" title="5"><img src="tb.jpg"/></a></li> <li><a href="#" title="6"><img src="tb.jpg"/></a></li> <li><a href="#" title="7"><img src="tb.jpg"/></a></li> <li><a href="#" title="8"><img src="tb.jpg"/></a></li> <li><a href="#" title="9"><img src="tb.jpg"/></a></li> </ul> </div> </body> </html> 源码，有些不一样，自己改下，html+css不懂得话，得自学下，这个是很简单的了，可以看下php中文网的一些课程，我自己也是自学的，网楼主采纳！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zaji/7478429.html

HTML语言都有哪些？（如，<a>...<a>）代表什么意思？

发表评论

评论列表（0条）

HTML语言都有哪些？（如，&lt;a&gt;...&lt;a&gt;）代表什么意思？

发表评论

评论列表（0条）

HTML语言都有哪些？（如，<a>...<a>）代表什么意思？