THML-基础知识

参考：菜鸟教程

什么是HTML?

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

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

THML实例





菜鸟教程(runoob.com)


 

我的第一个标题

 

我的第一个段落。
  •  声明为 HTML5 文档
  •  元素是 HTML 页面的根元素
  •  元素包含了文档的元（meta）数据，如  定义网页编码格式为 utf-8。
  • </strong> 元素描述了文档的标题</li> <li><strong><body></strong> 元素包含了可见的页面内容</li> <li><strong><h1></strong> 元素定义一个大标题</li> <li><strong><p></strong> 元素定义一个段落</li> </ul> <h2><span style="font-size: 18px">HTML 标签</span></h2> <p>HTML 标记标签通常被称为 HTML 标签 (HTML tag)。</p> <ul> <li>HTML 标签是由<em>尖括号</em>包围的关键词，比如 <html></li> <li>HTML 标签通常是<em>成对出现</em>的，比如 <b> 和 </b></li> <li>标签对中的第一个标签是<em>开始标签</em>，第二个标签是<em>结束标签</em></li> <li>开始和结束标签也被称为<em>开放标签</em>和<em>闭合标签</em></li> </ul> <h2><span style="font-size: 18px">HTML 网页结构</span></h2> <p>下面是一个可视化的HTML页面结构：</p> <p></p> <h2><span style="font-size: 18px"><!DOCTYPE> 声明</span></h2> <p><!DOCTYPE>声明有助于浏览器中正确显示网页。</p> <p>网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。</p> <p>doctype 声明是不区分大小写的，以下方式均可：</p> <pre class="brush:python;gutter:true;"><!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html> </pre> <h2><span style="font-size: 18px">中文编码</span></h2> <p>目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK</p> <h2><span style="font-size: 18px">HTML 编辑器推荐</span></h2> <p><strong><span style="font-size: 15px">使用vs code</span></strong></p> <p><span style="font-size: 14px">1. 在 VS Code 安装完成后，选择" 文件(F)->新建文件(N) "，在新建的文件中输入代码</span></p> <p><span style="font-size: 14px">2. 使用浏览器运行即可</span></p> <h1>HTML 基础<span class="color_h1"><br></span></h1> <h2><span style="font-size: 18px">HTML<head></span></h2> <p><head>元素包含了所有的头部标签元素。</p> <p>在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。</p> <p>可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。</p> <p><span style="font-size: 15px"><strong><title>元素</strong></span></p> <p><title> 标签定义了不同文档的标题。</p> <p><title> 在 HTML/XHTML 文档中是必须的。</p> <p><title> 元素:</p> <ul> <li>定义了浏览器工具栏的标题</li> <li>当网页添加到收藏夹时，显示在收藏夹中的标题</li> <li>显示在搜索引擎结果页面的标题</li> </ul> <pre class="brush:python;gutter:true;"><head><br><title>文档标题

    元素

    标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:

    元素

    标签定义了文档与外部资源之间的关系。

    标签通常用于链接到样式表:

    元素

    meta标签描述了一些基本的元数据。

    标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。

    META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

    元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

    为搜索引擎定义关键词:

    为网页定义描述内容:

    定义网页作者:

    每30秒钟刷新当前页面:

    支持中文字体：