HTML学习第一天
2014-06-04 20:47
197 查看
什么是 HTML?
HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签(opening tag)和闭合标签(closing tag)
HTML 文档 = 网页
HTML 文档描述网页HTML 文档包含 HTML 标签和纯文本
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
例子解释
<html> 与 </html> 之间的文本描述网页<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
HTML 标题
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。标题是显示的是粗体字,而字体的大小从<h1>最大到<h6>递减
HTML 段落
HTML 段落是通过 <p> 标签进行定义的。使用<p>后最自动跳转的最新的一行输出,而在<p>与</p>之间使用回车输出的时候是不会换行的
HTML 链接
HTML 链接是通过 <a> 标签进行定义的。格式为<a href="连接地址">连接名称</a>
HTML 图像
HTML 图像是通过 <img> 标签进行定义的。格式为<img src="图像地址" width="宽度" high="高度"/>注释:图像的名称和尺寸是以属性的形式提供的。
HTML元素
HTML文档是由HTML元素定义的,元素指的是从开始标签(start tag)到结束标签(end tag)之间的所有代码,
HTML元素语法
HTML元素以开始标签起始
HTML元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些HTML元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数HTML元素可拥有属性
嵌套的HTML元素
大多数的HTML元素可以嵌套,HTML文档由嵌套的HTML元素构成
<html> <body> <p>This is my first paragraph.</p> </body> </html>
上诉例子中就包含了三个HTML元素
<body>元素定义了HTML文档的主体
元素内容是<p>元素
<html>元素定义了整个HTML文档
元素内容是<body>元素
如果没有结束标签现在的大多数浏览器仍可以正常显示,但这不是一个好的习惯,未来的浏览器也不会支持没有结束标签的语句
空的HTML元素
没有内容的HTML元素称为空元素。空元素是在开始标签中关闭的。
<br>就是没有关闭标签的空元素,<br>标签定义换行
在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭
在开始标签中添加斜杠,比如<br />,是关闭空元素的正确方法,HTML,XHTML和XML都接受这种方式
建议在使用标签的时候都使用小写标签<p>,HTML中大小写是不区别的<P>和<p>是一样的,但建议使用小写,未来的版本中也可能会强制使用小写。
HTML属性
属性为HTML元素提供附加信息
HTML标签可以拥有属性,属性也提供了有关HTML元素的更多信息。
属性总是以名称/值对的形式出现,比如:name=“value”,并且总是在HTML元素的开始标签中规定
实例
HTML链接由<a>标签定义。链接地址在herf属性中指定:
<a herf = "http://www.w3school.com.cn">This is a link </a>
<h>定义标题的开始,<h align = "center">给标题标签附加关于对齐方式的属性,默认为left(左对齐),还有center(居中),right(右对齐)
<body>定义HTML文档的主体,<body bgcolor="yellow">附加关于背景颜色的属性
<table>定义HTML表格<table border="1">附加关于表格边框的信息
在要属性值两边添加双引号,单引号也可以,有时属性中原本就存在双引号则整个属性值就需要用单引号。
完整的 HTML
参考手册
适用于大多数HTML元素的属性。
属性 | 值 | 描述 |
---|---|---|
class | classname | 规定元素的类名(classname) |
id | id | 规定元素的唯一 id |
style | style_definition | 规定元素的行内样式(inline style) |
title | text | 规定元素的额外信息(可在工具提示中显示) |
标题通过<h1>-<h6>等标签定义
注释:浏览器会自动地在标题的前后添加空行。
注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
请确保将HTML hedading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题
搜索引擎使用标题为你的网页的结构和内容编制索引
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应将h1用作主标题(最重要的),其后是h2(次重要的)以此类推。
HTML水平线
<hr />标签在HTML页面中创建水平线
hr元素可用于分隔内容
使用水平线来分隔文章中的小节是一个办法,但不是唯一的办法
HTML注释
可以将注释插入HTML代码中,以代码的可读性,
<!-- This is a comment -->
格式:
<!-- 注释内容 -->开始扩要之后需要紧跟一个感叹号,结束时不需要
HTML段落
定义格式,前面都已经讲了
如果想在不产生一个新段落的情况下进行换行,可以在<p>与</p>之间使用<br />来换行
HTML输出-有用的提示
我们无法确定HTML被显示出来的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的效果,对于HTML,无法通过在HTML代码中添加额外的空格或者换行符来改变输出的效果。
当界面显示时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
在<p>标签后的空格都会被忽略<p> 春眠不觉晓</p>输出的效果是没有空格的
而在<p>文本中的连续空格和换行会视为一个空格<p>春眠 不觉晓</p>输出效果:春眠 不觉晓
段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小,将改变段落中的行数。
HTML文本格式化
HTML可定义许多供格式化输出的元素,如粗体, 斜体字
详细格式:
http://www.w3school.com.cn/html/html_formatting.asp
相关文章推荐
- 进入黑马的第一天学习--HTML
- 学习HTML/CSS 第一天
- html学习之路——第一天(1)
- 学习HTML第一天
- 小白学习HTML-——第一天
- XML学习第一天-----XML与HTML的区别
- 程序猿学习第一天,HTML基础
- html基础学习第一天
- html学习第一天
- html学习第一天
- html学习第一天笔记
- html 的第一天 (1) 基础学习
- html 的第一天 (3)表单的学习
- 学习HTML第一天
- 重拾信心的第一天,学习HTML
- web开发学习之旅---html第一天
- html学习第一天笔记——第七章节
- HTML学习第一天
- 前端学习第一天——Html介绍
- 2017/2/15 学习html的第一天