一、简介
HTML是网页内容的载体，内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视
频等。单纯的HTML是有默认的格式的 ，但那个人感觉默认的格式略丑。可能是有很多人和我有一样的想法，所以诞
生了CSS，一种表现，引入设置字体，颜色以及边框背景图片等修饰功能。是内容格式尽可能的好看一些。然而，如
果想要让自己的网页显得高级炫酷些，javascript是必不可少的，它能够实现网页的动画交互等特效效果。在未来的
几周中，我将根据这一思路，继续学习CSS和javascript课程。最终目的是创建一个自己的小主页，美其名曰：个人网站。
二、HTML语法
HTML基本组成是标签，几乎任何内容都是放在标签里面的，一个网页其实就是一个html文档，该文档有自己特定的格式。标签是由英文括号 < 和 > 括起来，形如<html>,<body>等，在html文档中标签基本都是成对出现的，但也有部分标签是单独存在的，形如<img>。html的标签主要有<html>根标签，<body>内容标签，<head>头标签等组成，在这些标签的下一层，还有子标签用于扩充功能。
三、标签详解
<head>...</head>：头标签用于描述文档的信息和属性，但其中的大部分内容不会作为显示内容让用户看到。
<title>.</title>：网页标题标签用于告诉用户和浏览器这个搜索引擎这个网页是做什么的。
<!--...-->注释标签。
<body>...</body>：内容标签，在此标签中的内容是用于让用户看到的信息。
<p>...</p>：段落标签成段的文字放置在这个标签中。
<hx>...</hx>：内容标题标签，分为1-6共六级标题。显示效果为字体大小分别由大到小。
<strong>.<strong>：强调标签，被强调的内容将被显示粗体。
<em>...</em>：也是强调标签，但是被强调的内容以斜体显示。
<span>..</span>：设置单独样式标签，用于对字体设置特殊的样式，不起强调作用。
<q>...</q>：引用标签，但是是在引用短文本时候的标签。使用时会自动在引用文本上加上“”。
<blockquote>..</blockquto>：引用标签，引用长文本时候的标签。使用时会自动为引用文本缩进。
<br>：单标签，使用格式是<br />，相当于回车符，因为在html文档中空格以及回车符都是被忽略的。
 ：空格标签，一个符号代表一个空格。
<hr>：单标签，使用格式<hr />,用于段落文本间加一条横，起到隔离作用。
<address>.</address>：联系地址显示标签，默认斜体格式。
<code>.</code>：单行代码引入标签。
<pre>..</pre>：成段代码引入标签。保留原代码文档中的空格，回车符等格式。也可以用于显示其他保留格式的文本。
<ul><li>.</li></ul>：无前后顺序的标题标签。
<ol><li>.</li></ol>：有前后顺序的标题标签，自动在每个标题前按序加一个序号。
<div>..</div>：分块标签，被这个标签围起来的内容属于一个相对独立的模块。属于外层高级标签。可以为其加id标记：<div id="版块名称">…</div>。
<table>、<tbody>、<tr>、<th>、<td>：表格系列标签，作用依次是：表格标记标签，完备下载显示标签，行
标签，单格标签，表头标签。table标签还可以为文本添加摘要，但是不作为显示供用户使用。
<caption>..</caption>：表格标题标签。
<a>..</a>：URL链接标签，实现网页的跳转。有标题属性，小特技,新建窗口，链接ｅｍａｉｌ发送邮件等功能。
<img>：图片标签，单标签，用于插入图片，带有alt，titlt属性。
<form>..</form>：表单标签，用于实现用户与服务器的交互，所有需要提交到服务器的内容均要放置在此标签中。包含method，action等属性。
<input>：单标签，用于实现用户的信息的输入,包括文本信息，按钮（单,复）信息等。有type，vlaue等属性。
<textarea>：多文本输入，有行，列数的属性。
<option>..</option>：下拉列表。有默认值,多选属性。
<label>..</label>：标签标签。用于提示用户，同时点击标签会实现选中操作。有id号设置属性。
四、编译器推荐
Sublime Text 是一个收费，但可以无限期试用的HTML和散文文本编辑器。目前有三个版本（1、2、3）。用户界面类似VS，功能功能，有代码缩略图，Python的插件，代码段，自动补齐，项目切换等功能。可跨平台，支持Windows、Linux等操作系统。
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
