HTML

发表于 | 分类于 | 评论数： | 阅读次数：

  Web前端网页分成三个层次：结构层HTML(网页内容的载体,通过标签描述内容含义)、表示层CSS(层叠样式表,如何显示有关内容)、行为层JavaScript(用来实现网页上的特效效果)

HTML简介

  1. HTML（HyperTextMarkup Language），超文本标记语言；一个HTML文档通常由四个部分组成：

    • 文档说明<!DOCTYPE HTML>：最顶部一行，声明告诉浏览器, 页面使用何种标记语言编写, 这会影响到浏览器渲染内容的方式
    • 根标签html：整个网页是从<html>这里开始的，然后到</html>结束
    • head标签：文档的头部描述了文档的各种属性和信息，头部元素主要有<title>,<script>,<style>,<link>,<meta>
    • body标签：页面主体
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
       <head>
        <title> 网页标题 </title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
        <link rel="stylesheet" type="text/css" href="mycss.css" >
        <script type="text/javascript" src="myjs.js"></script>
       </head>

       <body>
        <p>这是一个段落</p>
       </body>
      </html>
      <!--以上html文档告诉浏览器，遵循W3C标准XHTML4.0版本规范（文件类型声明），采用编码utf-8,
      标题是“网页标题”，描述的样式表是同目录的mycss.css文件，有关的javascript代码在同级的
      myks.js文件中，内容是有一个段落，段落的内容是“这是一个段落”。 -->

  2. 字体标签：标签总是成对出现

    1
    2


title：网页标题
meta：常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务；
style：为HTML文档定义样式信息；必须属性type，值text/css

  1. 表单元素
  2. HTML运行原理：
0%