Html学习—Day1

来源：互联网发布：cip协议解析获取数据编辑：程序博客网时间：2024/05/29 12:00

Html（Hyper Text Mark Language）一种用来描述网页内容的语言，Web浏览器读取Html文档，将Html文档中的内容在网页中显示出来。

Html 标签（tag）

1. 标签是由尖括号包围的关键词，比如 <html>
2. HTML 标签通常是成对出现的，比如 <b> 和 </b>
3. 标签对中的第一个标签是开始标签，第二个标签是结束标签
4. 开始和结束标签也被称为开放标签和闭合标签

实例
<html>
<body>
<h1>First Example</h1>
<p>Hello HTML!!!</p>
</body>
</html>

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题

<p> 与 </p> 之间的文本被显示为段落

Html标题

通过<h1>...<h6>标签定义
<h1>this is heading</h1>
<h2>this is heading</h2>
<h3>this is heading</h3>

Html段落

通过<p>标签定义
<p> this is paragraph</p>

Html连接

通过<a>标签定义
<a href =”www.baidu.com”> this is link</a>
href属性指定连接的地址

Html图像

通过<img>标签定义
Html元素
Html元素指开始标签和结束标签之间的所有代码。

元素语法：

Html元素以开始标签开始以结束标签结束
元素的内容是开始标签与结束标签之间的内容
Html 元素可拥有属性
空元素
没有内容的 HTML 元素被称为元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法。

Html属性

属性总是以名称/值对的形势出现。属性在开始标签中规定。
关于标签的属性可以查询Html手册
注：始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='Bill "HelloWorld" Gates'
推荐小写的属性、属性值
允许的段落用法
可以只在块（block）内指定段落，也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲，这意味着段落可以在任何有合适的文本流的地方出现，例如文档的主体中、列表的元素里，等等。
从技术角度将，段落不可以出现在头部、锚或者其他严格要求内容必须只能是文本的地方。实际上，多数浏览器都忽略了这个限制，它们会把段落作为所含元素的内容一起格式化。

HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
HTML 注释

HTML文本格式化

文本格式化
<b>This text is bold </b>
<strong>This text is strong<strong>
<em>This text is emphasized</em>
<i>This text is italic</i>
<sub>subscript</sub>
<sup>superscript</sup>
预格式化
<pre> this is preformatted text, it retain spaces and wrap</pre>
地址
<address>
<a href =“http://blog.csdn.net/henryprime”>小白的秘密空间</a><br />
Xxxxxx<br />
Xxxxxx<br />
</address>
缩写和首字母缩写
<abbr title="etcetera">etc.</abbr>
<acronym title="World Wide Web">WWW</acronym>
在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。
<blockquote>和<q>
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
<q> 标签定义短的引用。浏览器经常在引用的内容周围添加引号。
<ins> 对内容使用下划线。

<b>本文是对w3school上课程学习之后所写下的笔记</b>