html基础-1-CSDN博客

本文链接：https://blog.csdn.net/lxc1990425/article/details/37768839

1、HTML：超文本标记语言 (Hyper Text MarkupLanguage)，对大小写不敏感，建议用小写。

2、<html> 与 </html> 之间的文本描述网页

3、<body> 与 </body> ：可见的页面内容

4、<h1> 与 </h1> ：标题（h1~h6），标题的前后自动添加空行。

<h1 align="center">This is heading 1</h1>

5、<p> 与 </p> ：段落，段落的前后自动添加空行。

6、<a>与 </a>：链接，在 href 属性中指定链接的地址。

<a href="http://www.w3school.com.cn" target="_blank" style="text-decoration:none" >This is a link</a>:无下划线，

target 属性设置为 "_blank"，该链接会在新窗口中打开。

使用图片作为链接：

<a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a>
<a href="#04">跳转到本页04章节</a>

7、<img>与 </img>：图片

8、<br />：换行

9、<hr /> ：水平线。

10、属性：以名称/值得形式出现。比如：name="value"，

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill "HelloWorld" Gates'

11、注释：

12、引入外部样式

13、内部样式

<head>

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

14、内联样式（会覆盖内部样式或外部样式）

<p style="color: red; margin-left: 20px">This is a paragraph</p>
15、

16、alt 属性：可替换的文本。

17、图像标签

18、

19、

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

20、

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

21、分组标签

标签	描述
<div>	定义文档中的分区或节（division/section）。
<span>	定义 span，用来组合文档中的行内元素。