HTML详细讲解
HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语言是一种标记语言,不需要编译,直接由浏览器执行 HTML文件是一个文本文件,包含了一些HTML元素,标签等。HTML文件必须使用html或htm为文件名后缀 Html语言大小写不敏感 HTML是由W3C的维护的 ### HTML详细讲解 #### 一、HTML概述 HTML(HyperText Markup Language)是超文本标记语言的英文缩写,主要用于创建网页。它是一种简单的标记语言,不需要编译过程,可以直接被浏览器解析并显示。HTML文件通常是一个纯文本文件,包含了各种HTML元素与标签。为了确保文件能够被正确识别为HTML文档,文件扩展名应为`.html`或`.htm`。 #### 二、HTML的特点 1. **大小写不敏感**:HTML标签不受大小写限制,`<div>`和`<DIV>`被视为相同。 2. **模块化**:HTML语言通过一系列成对出现的标签来组织内容,例如`<p>`和`</p>`用于定义段落,或者单个自闭合标签如`<br/>`用于换行。 3. **执行方式**:HTML文档由Web浏览器直接解释执行,并展示给用户。 #### 三、HTML语法结构 HTML文档的基本结构包括以下几个部分: 1. **文档类型声明**:位于文件的最顶部,声明文档的类型,如`<!DOCTYPE html>`。 2. **HTML标签**:整个文档的根节点,所有内容都包含在其中,如`<html>`。 3. **头部标签**:包含文档的元数据,如标题、样式表引用等,如`<head>`。 4. **主体标签**:包含页面的实际内容,如`<body>`。 下面是一个简单的HTML文档示例: ```html <!DOCTYPE html> <html> <head> <title>我的第一个HTML示例</title> </head> <body> <h1>你好,世界</h1> <!-- 欢迎来到我们的数据库基础知识课程 --> <p align="justify"> 这是我们第一次探索HTML世界之旅。通过将这些文字输入到一个完整的文件中,你可以获得对HTML语法的第一个直观认识。这对于我们的下一个PHP课程非常重要。 </p> </body> </html> ``` #### 四、常用HTML标签 - **`<html>`**:定义HTML文档的根元素。 - **`<head>`**:包含文档的元数据,如`<title>`标签、CSS样式表、脚本等。 - **`<title>`**:定义文档的标题,该标题会显示在浏览器的标题栏或标签页上。 - **`<body>`**:包含文档的所有可见内容。 - **`<h1>-<h6>`**:定义标题,`<h1>`表示最重要的标题,`<h6>`表示最次要的标题。 - **`<p>`**:定义段落。 - **`<br/>`**:插入换行。 - **`<a>`**:定义超链接,`href`属性指定链接的目标地址。 - **`<img>`**:定义图像,`src`属性指定图像的源路径。 #### 五、其他特殊标签 - **`<object>`**:嵌入多媒体内容,如Flash。 ```html <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"> 您的浏览器不支持Flash,请点击<a href="http://www.macromedia.com/go/getflashplayer">下载</a> <param name="movie" value="microarray.swf"/> <param name="quality" value="high"/> </object> ``` - **`<link>`**:链接外部资源,如样式表。 ```html <link rel="stylesheet" type="text/css" title="blue" href="style/style.css"/> <link rel="alternate stylesheet" type="text/css" title="red" href="style/style.css"/> ``` - **`<style>`**:内联样式。 ```html <style type="text/css"> abbr {font-size: 12px;} .text10pxwhite { font-size: 10px; color: #FFFFFF; } </style> ``` #### 六、国际化属性 - **`xml:lang`**:定义文档的语言,如`zh-CN`表示简体中文。 - **`dir`**:定义元素内的文本方向,如`ltr`表示从左到右。 - **`xmlns`**:定义XML命名空间。 例如: ```html <html xmlns="http://www.sjtu.edu.cn" xml:lang="zh-CN" dir="ltr"> ``` #### 七、高级应用 - **`<frameset>`**:定义多个窗口框架,允许在一个HTML文档中显示多个独立的文档。 ```html <frameset cols="20%,*"> <frame src="link.htm"> <frame src="http://www.sjtu.edu.cn/" name="sjtu"> </frameset> ``` - **`<base>`**:设置页面中的相对URL的基础地址。 ```html <head> <base target="sjtu"> </head> ``` 以上就是关于HTML的一些基础知识点,希望对你有所帮助!
- HYunEr2014-06-28讲解的很详细
- 粉丝: 141
- 资源: 21
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助