HTML笔记（基本标签）

来源：互联网发布：社交网络 720p mkv 编辑：程序博客网时间：2024/06/04 19:52

网页设计这一块本就没什么兴趣，也不是说不想学，不过还是做做笔记吧。多掌握点对自己也没亏什么，能看得懂一点也好。
关于HTML各个版本还有其发展也不想多谈，现在最新的应该是HTML 5，有一些变化，到时候再看吧。由于未来没想过往这方面发展，所以就简单的刷一下，没有看视频教程，不懂直接搜W3C查。

HTML并不是一种编程语言，而是一种标记语言，它由众多的标签组成，这些标签有各自的用途，有的用于显示文本，有的用于显示图片··· 一般HTML文档以<html>为开头，</html>结束，HTML中大多数标签都有一个开始有一个结束，例如前面的HTML文档。HTML文档=网页，HTML文档就是用来描述网页的。
HTML有两个基本结构，一个是头部（head），一个是主体（body），头部一般描述该文档的网页标题与编码格式，主体就是图片、文本等可视的部分。

<!DOCTYPPE>标签用来描述HTML的一些标准啥的，不用背下载DW直接生成。
<head></head>之间是HTML头部，<meta/>标签用来告诉浏览器用要用哪种编码来解释该文档，该文档属于什么类型等。
<title></title>之间是网页的标签，例如↓

<body></body>之间是文档的可视化部分，我们可以往里面添肉了。
<h1>一级标签</h1>

这六个是不同级别的标题标签，看效果图↓

<p></p>是段落标签，在该标签内的文本结束后才会自动换行（受页面大小影响也会自动换行），但如果段落内的内容太多，或者我们自己要求要强制换行，我们就可以用<br/>，还有一个标签可以加特效Duang~显示水平线——<hr/>。看一遍就明白了。

HTML还提供了一些另类字体样式：<em></em>之间的是斜体，<strong></strong>是粗体··· 嫌麻烦直接挖过来↓

下面是HTML中的注释语法。

<img />标签是用来描述图片的，其中有许多属性，先看图。

属性写在img标签里面，src是图片的路径，alt是图片显示不出来时代替图片的文字，title是鼠标放在图片上时显示的文字，width与height分别是图片的宽和高。

超链接标签<a></a>，当我们单击超链接的时候我们就会弹出另一个窗口或者改变现在窗口的内容，其实没什么，就一个标签搞定。

href属性设置页面路径或者网址，target为跳转方式，_self是自身窗口跳转，_blank是新建窗口跳转。
a标签除了可以跳转页面，还能在本页面已经“锚链接”，意思就是在本页面内，单击某个超链接就移到本页面指定的位置。
<a name = "ID_1"></a>
<a href = "#ID_1"></a>
用这个方法直接跳到name为“ID_1”的位置，例如网站底部“回到顶部”，就可以用这个方法实现。

此外，其他的一些标签也都有自己各自的属性，例如标题的对齐属性——align、valign，这点直接搜W3C，查查查。

0 0