- 先编写一个简单的HTML;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body> hello,这是我的第一个网页
运行后浏览器便会显示：hello，这是我的第一个网页
-
HTML头文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
补充<meta>标签
（1）定义和用法
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
（2）HTML 与 XHTML 之间的差异
在 HTML 中，<meta> 标签没有结束标签。
在 XHTML 中，<meta> 标签必须被正确地关闭。
（3）提示和注释：
注释：<meta> 标签永远位于 head 元素内部。
注释：元数据总是以名称/值的形式被成对传递的。
（4）必须属性：content 定义与 http-equiv 或 name 属性相关的元信息
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
可选属性：http-equiv 把 content 属性关联到 HTTP 头部。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称 /值对。当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
例如：
<meta http-equiv="charset" content="iso-8859-1">
charset 属性规定在外部脚本文件中使用的字符编码。如果外部文件中的字符编码与主文件中的编码方式不同，就要用到 charset 属性。默认的字符编码是 ISO-8859-1。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 这个便是告诉服务器准备一个HTML文档，编译类型是UTF-8；
name 把 content 属性关联到一个名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。
如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。
例如：
<meta name="keywords" content="HTML,ASP,PHP,SQL">
name中的keywords为文档定义一组关键字，而content便是分别罗列 了这一组的关键字；
scheme 定义用于翻译 content 属性值的格式。用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。3.文本标签
（1）<style> 标签
用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何 呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容。唯一可能的 值是 "text/css"。<style></style>
style 元素位于 head 部分中。
(2) h1-h6标签，可定义标题，从h1开始到h6逐步减小；<h1></h1>
(3) 水平线标签<hr/>;
(4) 段落标签<p></p>;
(5) 段落缩进标签<blockquote></blockquote>;
(6) 上下标标签sup和sub <sup><sup/><sub><sub/>;
(7) 原样输出标签<pre></pre>;
(8) 字体标签 <font></font>;
color属性指定字体颜色
size属性:指定字体大小
face属性:字体的类型(宋体,黑体/默认是宋体)
(9) 粗体标签<strong></strong>
(10)斜体标签<em></em>
(11)列表标签
A:有序列表
有序列表标签<ol> <li></li> </ol>默认列表为数字排序
有一type属性
B:无序列表
无序列表标签<ul> <li></li> </ul>默认列表为disc实心圆点排序
有一type属性
(12)块标签 <div></div>在HTML中直接设置属性， 在css<style></style>标签中设置div{属性内容}属性，然后可直接调用<div></div>标签进行实现；
(13)行内标签<span></span>在HTML可直接用,在css<style></style>标签中设置#spanid{属性内容}属性，然后可直接调用<span id=spanid></span>标签进行实现(定义id名前加#)；被用来组合文档中的行内元素，span没有固定的格式表现。当对它应用样式时，它会产生视觉上的变化。
div标签(div+Css进行网页布局 :盒子模型)和span标签(span标签:表单验证)可以更加有效的使用；
上述内容表示如下：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
标题1
标题2
标题3
标题4
标题5
标题6
生活如酒，或芳香，或浓烈，因为诚实，它变得醇厚；生活如歌，或高昂，或低沉，因为守信，它变得悦耳； 生活如画，或明丽，或素雅，因为诚信， 它变得美丽。
若能掬起一捧月光，我选择最柔和的；若能采来香山红叶，我选择最艳丽的； 若能摘下满天星辰，我选择最明亮的。也许你会说，我的选择不是最好，但我的选择，我相信。
生活如酒，或芳香，或浓烈，因为诚实，它变得醇厚；生活如歌，或高昂，或低沉，因为守信，它变得悦耳； 生活如画，或明丽，或素雅，因为诚信， 它变得美丽。
数学公式:y=x^2 y=x 2 化学公式:水H2O H 2O
function pow(){
alert("弹框")
}
王某人
不去不去怕了怕了 不去不去怕了怕了
你喜欢那种类型的美女？
- 萝莉
- 御姐
- 青春
- 可爱
- 臭狗蛋子
- 大猪蹄子
-
你身为一个中国人自豪吗？
- 自豪
- 自豪
- 自豪
- 非常自豪
-
你有知己吗？
- 有
- 没有
使用id调用
当然
也可以直接设置 运行可看； 4. 超链接标签 常用属性： href属性：需要连接到的资源文件或者地址； target属性：打开资源文件的方式 _self 当前窗口打开 _blank 新建一个窗口打开； 超链接的作用: 1)连接到资源文件或者资源地址 2)作为锚连接来使用 如果是在同一个html页面下: 1)打锚点 2)创建一个连接到锚点的超链接 点我 在不同html页面下的使用: 1)在另一个页面上先打锚点 2)在当前页面下创建一个连接到锚点的超链接 点我
6.转义字符 转义字符可搜索转义字符标； 现举例几个：< 小于号 ；> 大于号 ； 空格 ； & 和号 ； " 引号；® 注册商标 ； © 版权所有 。
标题
标题
西部开源® 2007-2018© 7.表格标签table 表格标签:
| 姓名 | 班级 | 成绩 |
|---|---|---|
| 王某人 | 计算机1班 | 100 |
| 计算机二班 | 80 | |
| 刘某人 | 数学一班 | 0 |
| 平均分 | 60 | |