html入门学习
2016-07-01 20:05
351 查看
HTML 简介
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签(markup tag)
HTML 使用标记标签来描述网页
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
例子解释
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
基本的 HTML 标签 - 四个实例
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。
<ahref="http://blog.csdn.net/">从这里跳转</a> /*在 href 属性中指定链接的地址。*/
HTML 段落是通过 <p> 标签进行定义的。
HTML 图像是通过 <img> 标签进行定义的。
图像的名称和尺寸是以属性的形式提供的
HTML 元素指的是从开始标签(start tag)到结束标签(endtag)的所有代码。
开始标签 元素内容 结束标签
<p> 这个是内容 </p>
HTML 元素以开始标签起始 HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(emptycontent) <br>
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素是拥有属性的
大多数 HTML 元素可以嵌套(可以包含其他HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。
<div><div><p>测试</p></div></div>
写标签需要注意:
1不要忘记结束标签(在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。)
2标签用小写标识
HTML 属性
属性为 HTML 元素提供附加信息。
属性和属性值对大小写不敏感。但是强烈推荐小写的属性/属性值。
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
标题(Heading)是通过<h1> - <h6> 等标签进行定义的。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
<hr /> 标签在 HTML 页面中创建水平线。
HTML 注释可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
HTML 提示 - 如何查看源代码
HTML 提示 - 如何查看源代码
HTML 提示 - 如何查看源代码
如果您想找到其中的奥秘,只需要单击右键,然后选择“查看源文件”(IE)或“查看页面源代码”(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。
可以把 HTML 文档分割为若干段落。
段落是通过 <p> 标签定义的。浏览器会自动地在段落的前后添加空行。(<p> 是块级元素:有换行作用)
虽然我们可以动块级元素记性换行,但是建议用<br/>去惊醒换行操作;在未来的 HTML 版本中,不允许省略结束标签。
通过结束标签来关闭 HTML 是一种经得起未来考验的HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。
即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。
空格(间隙)的问题
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签(markup tag)
HTML 使用标记标签来描述网页
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
例子解释
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
基本的 HTML 标签 - 四个实例
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。
<ahref="http://blog.csdn.net/">从这里跳转</a> /*在 href 属性中指定链接的地址。*/
HTML 段落是通过 <p> 标签进行定义的。
HTML 图像是通过 <img> 标签进行定义的。
图像的名称和尺寸是以属性的形式提供的
HTML 元素指的是从开始标签(start tag)到结束标签(endtag)的所有代码。
开始标签 元素内容 结束标签
<p> 这个是内容 </p>
HTML 元素以开始标签起始 HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(emptycontent) <br>
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素是拥有属性的
大多数 HTML 元素可以嵌套(可以包含其他HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。
<div><div><p>测试</p></div></div>
写标签需要注意:
1不要忘记结束标签(在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。)
2标签用小写标识
HTML 属性
属性为 HTML 元素提供附加信息。
属性和属性值对大小写不敏感。但是强烈推荐小写的属性/属性值。
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
标题(Heading)是通过<h1> - <h6> 等标签进行定义的。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
<hr /> 标签在 HTML 页面中创建水平线。
HTML 注释可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
HTML 提示 - 如何查看源代码
HTML 提示 - 如何查看源代码
HTML 提示 - 如何查看源代码
如果您想找到其中的奥秘,只需要单击右键,然后选择“查看源文件”(IE)或“查看页面源代码”(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。
可以把 HTML 文档分割为若干段落。
段落是通过 <p> 标签定义的。浏览器会自动地在段落的前后添加空行。(<p> 是块级元素:有换行作用)
虽然我们可以动块级元素记性换行,但是建议用<br/>去惊醒换行操作;在未来的 HTML 版本中,不允许省略结束标签。
通过结束标签来关闭 HTML 是一种经得起未来考验的HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。
即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。
空格(间隙)的问题
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
相关文章推荐
- Html中Table的简单使用
- HTML 5调用摄像头并进行拍照
- 无障碍小技巧
- onclick和innerHTML的用法小实例
- HTML 隐藏滚动条和去除滚动条的方法
- form表单简单用法
- [HTML]网页开发学习笔记
- html 隐藏滚动条
- html怎样让两个<h2>语句显示在同一行
- HTML 代码复用——gulp-file-include
- .Net 把网页Html转PDF文件
- Uncaught TypeError: Cannot set property 'innerHTML' of null 学习Chrome插件时,要在弹出页面中显示当前时间,结果怎样也显示不出来 看
- HTML的学习(第2篇)
- html运行原理
- swiper的基本使用(十三)
- swiper的基本使用(十三)
- html判断音视频是否播放完毕后弹出提示
- HTML实体符号代码速查表(自用)
- MHtmlDomMaster-------Html解析器
- 将html文件打包成apk