首页 > 代码库 > HTML元素基础学习

HTML元素基础学习

HTML元素

    HTML文档是由HTML元素定义的。HTML元素是指从start tag(opening tag)到end tag(closing tag)的所有代码,即start tag + content + end tag。HTML有start tag开始,由end tag结束。对于某些元素为空内容(NULL),则在start tag中进行关闭。

嵌套的HTML元素

    大多数元素都可以嵌套,HTML文本是有嵌套的HTML元素组成的。

    e.g:

    <body>-----其中<body>元素的内容是另一个HTML元素。

    <p>this is a paragraph</p>

    </body>

    p.s:1.不要忘记end tag,大多数浏览器再忘记end tag的情况下也会正确的显示HTML,但是不要依赖这种做法,忘记使用end tag可能会产生不可预料的结果或错误。

          2.HTML标签对大小写不敏感,但最好是用小写tag,因为W3C在HTML4中推荐使用小写,而在未来的(X)HTML版本中强制使用小写。

HTML属性

    为HTML元素提供附加消息。

    1.HTML标签可以拥有属性,属性提供了元素的更多信息。

    2.属性总是以名称/值的形式出现,e.g:name = “value”,且总是在start tag中规定。

    e.g:

    1.<h1 align = "center"> heading<h1>标题居中(也可用right和left)

    2.<body bgcolor = "blue">拥有关于背景的附加消息。

HTML水平线

    <hr/>在HTML页面中创建水平线,可用于分隔内容。

     p.s:使用<hr/>来分割文章内容只是其中的一种方法。

HTML注释

    格式为<!--……-->

    e.g:<!--this is a comment-->

    浏览器会忽略注释而不会显示它们。

HTML拆行

    如果希望在不产生新段落的情况下进行换行,则应该用<br/>

    e.g:<p>This is a <br/>paragraph.</p>

    p.s:浏览器在显示HTML时会省略源代码中多余的空白字符(空格或回车)

文本格式化标签

    <b>粗体字

    <em>强调字体

    <small>缩小字体 <big>加大字体

    <i>斜体字

    <sub>定义下标字 <sup>定义上标字

    <pre>可保留空格和换行(一般没有用<pre>的话HTML文本会自动删去多余的空格或回车)

    <ins>插入字 <del>删除字

引用和术语定义

    <abbr title = "etcetera">etc</abbr> 缩写

    <acronym title = "World Wide Wed">WWW</acronym>大写字母

    当鼠标指向这些元素的内容时会显现出title里的内容。