HTML学习日记（一）——文字的基本格式

HTML是用来描述网页的一种语言。

• HTML是一种超文本标记语言（Hyper Text Markup Language)
• 不是编程语言，是一种标记语言
• 标记语言是一套标记标签
• HTML使用标记标签来描述网页

二、HTML标签

• HTML标签是由一对尖括号包围起来的关键词，如：<…>，其中…代表着相应的关键词。
• HTML标签是一般都是成对出现的，如：＜b＞和＜/b＞。
• 标签对中第一个标签为开始标签，第二个标签为结束标签。

三、HTML文档

一个HTML文档就相相当于一个网页。HTML文档包含着HTML标签和纯文本（也就是网页的内容）。web浏览器的作用就是读取HTML文档并以网页的形式显示它们，并且不会显示HTML标签，而是用标签来解释页面的内容。

四、HTML文字的基本格式

下面，首先展示HTML在文字格式方面的语法。

1. 标题
   在HTML中标题是通过＜h1＞＜/h1＞_{＜h6＞＜/h6＞等标签来表示一级标题}六级标题的（自动加粗，自动换行，且与上下文间有隔行）。
2. 段落、换行
   HTML段落是通过＜p＞＜/p＞标签来表示的（自动换行，且与上下文间有隔行）。
   而换行的标签为＜br /＞（blankrow），它是只有一对尖括号组成的标签。
3. 加粗、倾斜、下划线、删除线
   • 加粗（Bold）：＜b＞＜/b＞
   • 倾斜（Italic）：＜i＞＜/i＞
   • 下划线（Underline）：＜u＞＜/u＞
   • 删除线（strike）：＜s＞＜/s＞
4. 上角标、下角标
   • 上角标（super script）：＜sup＞＜/sup＞
   • 下角标（sub script）：＜sub＞＜/sub＞
5. 设置字体格式
   设置字体格式用＜font＞＜/font＞标签来实现，但具体的内容，如：字体大小、颜色等等，是由HTML属性来实现的，HTML标签可以拥有属性，属性提供了有关HTML元素（标签）的更多的信息。属性总是以名称/值对的形式出现，比如：name=“value”；且属性总是在HTML元素的开始标签中直接规定的。
   除了HTML属性可以具体表示HTML标签中的信息外，css语言也可以实现此类功能。

   CSS简介

   CSS指层叠样式表（Cascading Style Sheets），是一种用来表现HTML或XML等文件样式的计算机语言。
   + 可以静态修饰网页。
   + 可以配合各种脚本对网页各元素进行格式化。
   + 样式定义可以如何显示HTML元素（标签）。
   + 对HTML元素的排版进行像素级精确控制，支持几乎所有的字体字体样式。
   + 拥有对网页对象和模型样式编辑的能力。    
   

   ＜font＞标签的css样式属性

   不建议用HTML属性对其属性进行设置，使用css样式来替代是更好的选择。
   + font-size：文字大小
   + color：字体颜色
   + font-family：字体系列---（指宋体、楷体之类的字体类型）
   + font-weight：文字粗细
   + font-style：文字类型---（指加粗、倾斜之类的）
   + text-decoration：文本修饰
   （以上为＜font＞标签常用的css样式属性，下方为css其他常用标签的样式属性）
   + border：边框
   + boder-top：上边框（下边框同理，将top改为bottom即可）
   + border-bottom-color：下边框颜色
   + background-color：背景颜色
   + background：背景图
   

6. 注释
   HTML语言的注释标签是＜!–xxxx --＞，表示对xxx进行注释，不在网页中显示出来，写注释一般是为了使自己或其他人在阅读该代码时，更加清晰的明白你的想法，明白你写的代码，多写注释是很好的习惯。
7. 以上代码实现效果如下图：