HTML基础笔记1

来源:互联网 发布:淘宝店铺名字修改 编辑:程序博客网 时间:2024/05/27 00:40

什么是HTML

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)

HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
HTML 使用标记标签来描述网页


HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息
属性总是以名称/值对的形式出现,比如:name="value"
属性总是在 HTML 元素的开始标签中规定
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么必须使用单引号

注意事项:

1.HTML 标签对大小写不敏感,但是未来的版本强制使用小写。


2.空元素在开始标签中关闭。如<br/>


3.每个开始标签要有对应的关闭标签。


4.当开始标签中的字号与关闭标签的字号不相同时,以开始标签的字号为准。当结尾标签没有标明字号时,下面的字体都变为开始开始标签的字号。


5.<hr /> 标签在 HTML 页面中创建水平线。


6.在 HTML 4.01 中,h1 - h6 元素的 "align" 属性不被推荐使用。
   在 XHTML 1.0 Strict DTD 中,h1 - h6 元素的 "align" 属性不被支持


7.在 HTML 中,<hr> 标签没有结束标签。
 在 XHTML 中,<hr> 必须被正确地关闭,比如 <hr />。
 在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。
 在 XHTML 1.0 Strict DTD 中,hr 元素的所有呈现属性均不被支持。


8.当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为 一个空格。使用 pre 标签可以保留原有格式。


9.<!DOCTYPE>告诉浏览器渲染方式。


10.超链接必须加http


11.alt 属性用来为图像定义一串预备的可替换的文本
   <img src="boat.gif" alt="Big Boat">在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像


12.表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)表格中的 boeder属性定义边框粗细,其中0为无边无   序列表始于 <ul> 标签。每个列表项始于 <li>。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。框.cellpadding属性定义表格间距.


13.无序列表始于 <ul> 标签。每个列表项始于 <li>,列的项目用圆点标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签,列的项目用数字标记。自定义列表以 <dl> 标签   开始,列的项目无标记。每个自定义列表项以 <dt> 开始。每个自定义列表项的下一级项定义以 <dd> 开始。


14.HTML 块元素

  大多数 HTML 元素被定义为块级元素或内联元素。HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。

  块级元素在浏览器显示时,通常会以新行来开始(和结束)。
  例子:<h1>, <p>, <ul>, <table>
15.HTML 内联元素。HTML <span> 元素是内联元素,可用作文本的容器。
   内联元素在显示时通常不会以新行开始。
   例子:<b>, <td>, <a>, <img>


16.表单的动作属性(Action)和确认按钮

 <form name="input" action="html_form_action.asp" method="get">
 Username: 
 <input type="text" name="user" />
 <input type="submit" value="Submit" />
 </form>
  当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处  理。


17.通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

   框架结构标签(<frameset>)定义如何将窗口分割为框架
   每个 frameset 定义了一系列行或列
   rows/columns 的值规定了每行或每列占据屏幕的面积

   不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。


18.<body> 标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性在最新的 HTML 标准(HTML4 和 XHTML)中已被废弃。
   应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性。


19.表示颜色的三种方法。1.#000000 #后没两个十六进制数对应RGB的一个十进制数值。2.RGB(0,0,0,)。 3用HTML定义好的颜色标识符,如yellow,blue,red




0 0
原创粉丝点击