html学习笔记(一)
基本标签
<html>
<body>
<h>系列
<p>
<img>
<a>
-
<table>
<hr \>
- html对标签的大小写并不敏感, 但是推荐小写标签
标签解释:
-
<html>
:<htm>
元素定义了整个 HTML 文档。 -
<body>
:<body>
元素定义了 HTML 文档的主体 -
<h>
系列标签:用<h>
系列标签表示标题,<h1>
表示的标题最大,<h6>
表示的标题最小;浏览器会自动地在标题的前后添加空行。 -
<p>
:段落用<p>
标签表示<p>this is a paragraph</p>
-
<a>
:超链接是通过<a>
进行定义的,例如:<a href = "http://www.baidu.com">
。(在 href 属性中指定链接的地址) -
<img>
:图像是通过<img>
标签进行定义的, 例如:<img src = "http://imgsrc.baidu.com/image/c0%3Dshijue1%2C0%2C0%2C294%2C40/sign=60aeee5da74bd11310c0bf7132c6ce7a/72f082025aafa40fe3c0c4f3a164034f78f0199d.jpg" width = "104" height = "154"/>
(图像的名称和尺寸是以属性的形式提供的。) -
<hr \>
:标签用来定义一条水平线
html元素
- 从开始标签到结束标签之间的所有代码
- 大多数html元素可以嵌套
- 没有内容的html元素被称为空元素。空元素是在开始标签中关闭的。
-
<br>
就是没有关闭标签的空元素(<br\>
标签定义换行)。 -
<table>
:用来定义表格
html属性
- html标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,属性总是在 HTML 元素的开始标签中规定。
- 属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。但是如果属性值本身就含有双(单)引号, 就必须使用单(双)引号
html注释
- 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。例如:
<!-- This is a comment -->
html段落
- 浏览器会自动在段落前后添加空行。(html在块级元素的前后都会添加空行)
- 不要使用
<p></p>
来增加空行, 可以使用<br \>
- 如果你希望在不产生一个新段落的情况下进行换行(新行),请使用
<br />
标签, 例如:<p>This is<br />a para<br />graph with line breaks</p>
html的style属性
- 提供了一种改变所有html元素的通用方法。
- background-color 属性为元素定义了背景颜色, 例如:
<body style="background-color:yellow">
定义背景为yellow - font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸, 例如:
- text-align设置了文本对齐方式, left左对齐, center右对齐, right右对齐, 例如:
文本格式化
- 预标签
<pre>
:在预标签中的字符串输出格式与输入格式一致, 例如:
- 更多的关于文本格式化内容可以参考:传送门
引用标签
-
<q>
用于短的引用:例如:
如果引用一段话可以用
<blockquote>
标签:例子:<address>
:元素定义文档或文章的联系信息(作者/拥有者), 这个元素通常是斜体显示, 大多数浏览器会在此元素前后添加折行, 例如:<city>
:定义著作的标题, 通常是斜体-
<bdo>
:定义双流向覆盖, 例如
- 一些被废弃的属性
关于更多内容请参考:传送门