HTML-基础（详）

最新推荐文章于 2024-03-25 00:11:20 发布

原创最新推荐文章于 2024-03-25 00:11:20 发布 · 300 阅读

4 ·

CC 4.0 BY-SA版权

什么是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>

注释和特殊符号：

空格： 

大于号(>)：>

小于号(<)：<

引号(")："

版权符号@：©

图像标签

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

语法：

<img src="path"(图像地址) alt="text"(图像的代替文字) title="text"(鼠标悬停提示文字) width="x"(图像宽度) height="y"(图像高度)/>

链接标签

语法：

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

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

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

<a href="跳转后页面的路径">热点文本/图像</a>

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...）