HTML-基础（详）

小咪咪 2022-05-15 00:54 163阅读 0赞

## **什么是HTML？** ##

**1.HTML：超文本标记语言（Hyper Text Markup Language）。  
2.HTML不是一种编程语言，而是一种标记语言，描述网页的语言。  
3.HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。**

## HTML发展史 ##

1993-6(HTML诞生)------>1995-11(HTML2.0)------>1996-1-14(HTML3.2)------>1997-12-18(HTML4.0)------>1999-12-24(HTML4.01)------>2000-1-26(XHTML1.0)------>2001-5-31(XHTML1.1)------>2013-5-6(HTML5)

## HTML5的优势 ##

1.世界知名浏览器厂商对HTML5的支持

·微软

·Google

·苹果

·Opera

\`Mozilla

2.市场的需求

3.跨平台

## W3C标准 ##

W3C（World Wide Web Consortium）(万维网联盟)

成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准结构。

W3C标准包括

1.结构化标准语言（XHTML、XML）

2.表现标准语言（CSS）

3.行为标准（DOM、ECMAScript）

开发环境及开发工具  
1.开发环境：windows,linux,Mac OSX.  
2.开发工具：Dreamweaver,Eclipse,FrontPage,WebStorm......  
3.WebStorm优点：智能的代码补全，代码提示，自动保存......

HTML基本结构

<html>
    <head>
       <title>我的第一个网页</title>          <------网页头部
    </head>
    
    
    <body>
    
         我的第一个网页                       <------主体部分
    
    </body>
    
    </html>

注意：<body>、</body>等成对的标签，分别叫开放标签和闭合标签。

单独呈现的标签（空元素），如<hr/>;意为用“/”来关闭空元素。

## 网页的基本标签 ##

标题标签

段落标签：   <p>...</p>

换行标签：   <br/>

水平线标签：<hr/>

字体样式标签：

加粗：<strong>...</strong>

斜体：<em>...</em>

**注释和特殊符号：**

**        空格：&nbsp;**

**        大于号(>)：>**

**        小于号(<)：<**

**        引号(")："**

图像标签

常见的图像格式：JPG、GIF、PNG、BMP

语法：

链接标签

语法：

<a href="path"(链接路径) target（链接在哪个窗口打开）="目标窗口位置"（常用值：—self、—blank）>链接文本或图像</a>

(—self:自身窗口       —blank:新建窗口)

超链接  
       <a href="链接地址"target="目标窗口位置">文本或图像</a>  
超链接的应用  
1.页面间链接：A页到B页，网上常见链接。

2.锚链接：调至自身固定位置，或A页跳到B页固定位置，需锚标记。

跳转到同一个页面的固定位置
    <a href="#me">点击我</a> 
    <a name="me">跳转到这里来</a>
                                             
    跳转到不同页面的固定位置
    1.html
    <a href="2.html#me">点击我</a>
    2.html
    <a name="me">跳转到我这里来</a>

3.功能性链接：电子邮件、QQ、MSN等链接。

<a href="mailto:邮箱地址">给站长写信</a>

行内元素和块元素

块元素：无论内容多少，该元素独占一行（p、h1-h6...）

行内元素：内容撑开宽度，左右都是行内元素的可以排在一行（a、strong、em...）