从0开始学HTML（一）

时间  2019-11-08
标签 开始 html 栏目 HTML 繁體版
原文   原文链接

入门

  • <u></u> 下划线
  • <i></i> 给某些文本数据设置斜体
  • <em></em> 使文本区别于其余文本强调显示,一般以斜体显示
  • <b></b> 设置文本为字体加粗 优化时，在旧站中使用
  • <strong></strong> 设置文本为字体增强
  • <strike></strike> 设置文本为删除线
  • <small></small> 设置文本为小字体
  • <big></big> 设置文本为大字体
  • <sub></sub> 设置文本为下标
  • <sup></sup> 设置文本为上标
  • <span></span> 无样式行标签
  • <div></div> 无样式块标签
  • <p></p> 段落标签
  • <pre></pre> 所见便可得（原样显示）
  • <hx></hx> 标题标签 x:1-6

标签和属性

  • <br/> 换行
  • <hr/> 水平线标签
    color="颜色"
    width="宽度"
    size=""设置厚度(不是 height)
    align="" 水平位置 right右 left左 center居中

字体 <font> 标签 - HTML5 不支持

  1. color
    • colorname规定颜色值为颜色名称的文本颜色（好比 "red"）
    • hexnumber 规定颜色值为十六进制值的文本颜色（好比 "#ff0000"）
    • rgb_number 规定颜色值为 rgb 代码的文本颜色（好比 "rgb(255,0,0)"）
  2. face规定文本的字体。如需规定若干字体的优先表，请使用逗号分隔字体名称（好比<font face="verdana,arial,sans-serif">）
  3. size 可能的值：从 1 到 7 的数字。浏览器默认值是3。

style属性

格式html

<标签 style="">
复制代码

例如浏览器

<font style="color:red;font-size:12px;">内容部分</font>
复制代码

HTML的基本结构（网页结构）

ruby
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="PHP培训">
    <meta name="description" content="网站描述">
    <link rel="Shortcut Icon" type="image/x-icon" href="">
    <title>Document</title>
</head>
<body>
复制代码</body> </html> 复制代码

HTML标签

  • <html></html> 表示整个文档
  • <head></head> 文档头部
  • <body></body> 文档内容
  • <title></title> 浏览器标题
  • <meta charset="UTF-8"> 编码

常见的 DOCTYPE 声明

  1. HTML5
    <!DOCTYPE html>框架

  2. HTML 4.01 Strict这个 DTD 包含全部 HTML 元素和属性，但不包括表象或过期的元素（如 font ）。框架集是不容许的。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">ide

  3. HTML 4.01 Transitional这个 DTD 包含全部 HTML 元素和属性，包括表象或过期的元素（如 font ）。框架集是不容许的。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">字体

  4. HTML 4.01 Frameset这个 DTD 与 HTML 4.01 Transitional 相同，可是容许使用框架集内容。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">优化

  5. XHTML 1.0 Strict 这个 DTD 包含全部 HTML 元素和属性，但不包括表象或过期的元素（如 font ）。框架集是不容许的。结构必须按标准格式的 XML 进行书写。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">网站

  6. XHTML 1.0 Transitional这个 DTD 包含全部 HTML 元素和属性，包括表象或过期的元素（如 font ）。框架集是不容许的。结构必须按标准格式的 XML 进行书写。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">编码

  7. XHTML 1.0 Frameset这个 DTD 与 XHTML 1.0 Transitional 相同，可是容许使用框架集内容。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">spa

  8. XHTML 1.1这个 DTD 与 XHTML 1.0 Strict 相同，可是容许您添加模块（例如为东亚语言提供 ruby 支持）。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的状况，这时候咱们就须要在头部将字符声明为 UTF-8。

utf-8 国际通用性编码 1个汉字或标点符号 =3个字节的
Gbk 中文编码 1个汉字或标点符号 =2个字节的

容量单位单位换算

1GB 1024MB
1MB 1024KB
1KB 1024byte
1byte 8bit

HTML的实体字符

字符 描述 实体
space 空格 &nbsp;
< 小于号 &lt;
> 大于号 &gt;
& 和号 &amp;
" 引号 &quot;
￠ 分 &cent;
£ 镑 &pound;
¥ 圆 &yen;
€ 欧元 &euro;
© 版权 &copy;
® 注册商标 &reg;
™ 商标 &trade;
× 乘号 &times;
÷ 除号 &divide;

标签的嵌套

  1. 行标签嵌套行标签
  2. 块标签嵌套行标签
  3. 块标签嵌套块标签
    • 无样式块标签嵌套样式块标签
    • 无样式块标签嵌套无样式块标签
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程