大学学的软件工程专业，实习的时候干了前后端（后端多一些）的JAVA工程师，正式工作在一个发展中的公司中做测试。从我混乱的简历中你就可以看出我对人生规划的迷茫。很庆幸我遇到了很好的副总，用心栽培我。如今我也下定决心，坚持拿下前端这块蛋糕。所以请你跟随我开始我们的前端道路。我会从最最基础开始学习分享，也请你为我做个监督。那我们就从最最开始的认识标签和网页架构开始把。
<HTML>
<HEAD>
<TITLE>网页标题</TITLE>
<Meta>
</HEAD>
<BODY>
主要语法所在，也是网页的主要呈现部分。
</BODY>
</HTML>
<HEAD></HEAD>代表网页头部的意思，这个位置用于存放<title>头部内容，和CSS样式，以及需要提前加载的JavaScript脚本等。
<TITLE></TITLE>这里面的文字会出现在浏览器视窗最上头标题部份里，是一篇网页的主题。
<HTML></HTML>这一组标签，可有可无。这一组标签是告诉浏览器：我是一份HTML文件，通常都在网页的最上下两端，将所有的原始码都包起来。
<BODY></BODY>主要语法所在，一个网页的主要呈现部分。
- 强制断行标签 <br> ：该标签后的文字在下一行显示
- 强制分段标签 <p> ：该标签后的文字与标签前的文字中间空一行
- 普通分隔线标签 <hr>：该标签后的文字与标签前的文字中间多一条分割线
- 置中标签 <center>要居中的文字</center>：该标签中的文字居中显示在页面
- 向右缩进标签 <blockquote>要缩排的文字</blockquote>：该标签中的文字前缩进一单位，<blockquote><blockquote>缩进两单位</blockquote></blockquote>，即被几个缩进标签嵌套，就缩进几个单位。
- 保存原始格式标签 <pre>文字内容<pre>：该标签中的文字以你输入的格式显示。
- 标题标签 <h1>标题内容</h1>：该标签中的文字为标题文字，标签有<h1>到<h6>，<h1>的字体最大，<h6>的字体最小。
- 设定字体大小标签 <font size=3>文字内容</font>：标题大小一共有七种，也就是<font size=1>到<font size=7>，1~7由最小到最大。另外，还有一种写法：<font size=+1>文字内容</font>，意思是说：比预设字体大一度。也可以 <font size=-1>文字内容</font>（比预设字体小一度）。一般而言，预设字体多为 3。
- 变化字形标签
| <b>粗体</b> | 粗体 |
| <i>斜体</i> | 斜体 |
| <u>底线</u> | 底线 |
| <sup>上标</sup> | 上标 |
| <sub>下标</sub> | 下标 |
| <tt>打字机</tt> | 打字机 |
| <blink>闪烁</blink>（ie浏览器没效果） | 闪烁 |
| <em>强调</em> | 强调 |
| <strong>加强</strong> | 加强 |
| <samp>范例</samp> | 范例 |
| <code>原始码</code> | 原始码 |
| <var>变数</var> | 变数 |
| <dfn>定义</dfn> | 定义 |
| <cite>引用</cite> | 引用 |
| <address>所在地址</address> | 所在地址 |
不太会使用博客的编辑器，明天用WPS写把。
本文从HTML的基本标签入手，介绍了网页架构的基本组成，并详细解释了各标签的作用，适合前端开发新手入门学习。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
