HTML基础学习笔记(上)

来源:互联网 发布:怎么学编程语言 编辑:程序博客网 时间:2024/06/06 04:46

仅仅是自己对着W3CSchool整理的一些HTML基础知识点,敲一遍加深下印象也方便以后复习。


关于HTML
HTML不是编程语言,而是标记语言,标记语言是一套标记标签,HTML使用标记标签来描述网页。

HTML标签
尖括号包围关键词,如:<html>,且开始(开放)标签与结束(闭合)标签常成对出现,如:<b></b>。

HTML文档(即网页)
用以描述网页,包含HTML标签和纯文本。浏览器的工作即为读取HTML文档,以网页形式显示它们。

HTML标题
通过<h1>-<h6>等标签定义,如:
<h1>This is a heading.</h1>
浏览器会自动在标题前后添加空行
heading标签只能用于标题,不要用于产生粗体活大号文本,因为标题可以呈现文档结构给搜索引擎和用户。应该将h1用做主标题(最重要的),其后是h2(次重要的),再次是h3,以此类推。

HTML段落
通过<p>标签定义,如:
<p>This is a paragraph.</P>
浏览器会自动在段落前后添加空行
不要用<p></p>插入空行!而应使用<br/>

HTML链接
通过<a>标签定义,如:
<a href="http://blog.csdn.net/kuyeluofan">Visit My Blog</a>
href属性用以指定链接地址(href即hypertext reference缩写)

HTML图像
通过<img>标签定义,如:
<img src="Evan.jpg" width="104" height="142"/>
名称、尺寸以属性形式提供

HTML元素
HTML元素是指从开始标签到结束标签的所有代码,元素的内容是指开始结束标签之间的内容,某些元素具有空内容,空元素在开始标签中关闭(以开始标签的结束而结束),大多数元素拥有属性。

嵌套的HTML元素
大多数HTML元素可以嵌套,嵌套的HTML元素构成HTML文档,如:
<html>
     <body>
          <p>This is a pragraph.</p>
     </body>
</html>

<p>元素
定义HTML文档的一个段落
<p>This is a pragraph.</p>

<body>元素
定义了HTML文档的主体,如:
<body>
     <p>hahaha</p>
</body>

<html>元素
定义了整个HTML文档,元素内容是另一个HTML元素(body元素),如:
<html>
     <body>
          <p>This is my first paragraph.</p>
     </body>
</html>

空的HTML元素
没有内容的HTML元素被称为空元素,空元素在开始标签中关闭,如:<br>标签
在XHTML,XML以及未来版本的HTML中所有元素都必须被关闭,关闭方法即在开始标签中添加斜杠,如:<br/>

HTML大小写问题
未来版本的HTML中强制使用小写

HTML属性
属性以名称/值对的形式出现,如:name="value",且总在开始标签中规定,如:<h1 align="center">

属性值始终需要引号
一般使用双引号,如果属性值本身含有双引号,则必须使用单引号

HTML水平线
<hr/>标签在HTML页面中创建水平线
(horizontal rules)hr元素可以用来分割内容,如:
<p>hahaha</p>
     <hr/>
<p>hahaha</p>

HTML注释
如:<!-- This is a comment -->

HTML拆行
在不产生新段落的情况下换行,使用<br/>(break),如:
<p>haha<br/>ha</p>

HTML中的空格
在显示页面时,浏览器会移除源代码中多余的空格和空行,所有连续的空格或空行都会被算作一个空格。



HTML标准属性参考手册
http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

完整的HTML参考手册
http://www.w3school.com.cn/tags/index.asp

0 0
原创粉丝点击