HTML（超文本标记语言）
笔记基于How2j上的HTML教程
HTML（Wikipedia）
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面[3]。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。
HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素（如），浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。
HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素[4]。
Concept
Example：Hello
<html>
<body>
<p>Hello World</p>
</body>
</html>
中文问题
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<p>中文</p>
HTML标签
标签就是尖括号和它包围的内容，如
<html>或者是</html> <p> </p>等
HTML元素
HTML元素是开始标签到结束标签之间的所有代码
例如：
<h1><h1>
不完整的元素
不完整的元素也可以被浏览器渲染，但是要尽量把元素写完整（以前IE看网站经常会看到：页面有错误，但是影响不大）
不完整的元素
<h1> 不完整的元素
<h1> 不完整的元素
特殊元素
某些特殊元素没有内容，开始标签和结束标签放在一起
这是一个标题
这是一个水平线，有渲染效果，但是没有文本内容
<h1>这是一个标题</h1>
<br/>
<hr/>
<p>这是一个水平线，有渲染效果，但是没有文本内容</p>
HTML属性
属性用来修饰标签
<h1 align="center">居中标题</h1>
居中标题
这里的align="center"就是属性，align是属性名，"center"是属性值，属性值应该用双引号括起来HTML注释
用 进行注释
注释不会在网页中显示出来
<!-- 瞅啥呢-->
HTML基本元素
标题
标题会自动加粗
h1到h6对应不同大小的标题
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
标题1
标题2
标题3
标题4
标题5
标题6
段落
英文：passage
标签名为p
可以看出来段落之间间距稍大一些
段落1
段落2
段落3
段落4
段落5
段落6
段落1
段落2
段落3
<p>段落4 </p>
<p>段落5 </p>
<p>段落6 </p>
粗体
b（bold）标签和strong标签都可以显示粗体
b标签仅仅是将文本显示为粗体，strong除了粗体之外，还有加重语义的作用，用来提醒用户文本的重要性，在搜索引擎优化（SEO）的时候可以帮助用户找到重要的内容
无粗体效果
b标签粗体效果strong标签粗体效果
<p>无粗体效果</p>
<b>b标签粗体效果</b>
<br/>
<strong>strong标签粗体效果</strong>
斜体
i（italic）和em（emphasized）标签都可以显示斜体，i标签仅仅显示斜体，em标签还有加重语义，突出文本重要性的作用，常常在引入新术语时使用
无斜体效果
i 标签的斜体效果
em 标签的斜体效果
<p>无斜体效果</p>
<i>i 标签的斜体效果</i>
<br/>
<em>em 标签的斜体效果</em>
标签嵌套
无效果
粗体斜体
同时有粗体和斜体
<p>无效果</p>
<strong>粗体</strong>
<br/>
<i>斜体</i>
<br/>
<strong><i>同时有粗体和斜体</i></strong>
预格式化文本
预格式化，就是保留文字在源代码中的格式，页面中显示的和源代码中的效果完全一致。 浏览器在显示其中的内容时，会完全按照其真正的文本格式来显示，例如，原封不动地保留文档中的空白，如空格、制表符等。 pre 元素可定义预格式化的文本。 被包围在pre 元素中的文本通常会保留空格和换行符。 ————百度百科
预格式化文本的标签是pre
<p>这里是没有用预格式的情况：</p>
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World");
}
}
<br/>
<br/>
<p>使用预格式的情况:</p>
<pre>
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World");
}
}
</pre>
删除线
删除标签的名称是del
s标签也能实现删除效果，但它可能不被某些浏览器支持
无删除效果
<p>无删除效果</p>
<del>使用del标签实现的删除效果</del>
<br/>
<s>使用s标签实现的删除效果，但是不建议使用，因为很多浏览器不支持s标签</s>
浙公网安备 33010602011771号