网页

重新看下学过的，免得老本都赔光了。

什么是网页

网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页常见以.htm 或.html 后缀结尾的文件，因此将其俗称为 HTML文件。

其实最简单的来说，你打开浏览器看到的东西基本上都是网页。

什么是 HTML

HTML : 超文本标记语言(HyperText Markup Language)

HTML不是一种编程语言，而是一种标记语言(markuplanguage)。
标记语言是一套标记标签(markup tag)
    所谓超文本，有2层含义
    1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制 )。
    2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接(超级链接文本 )。

网页的形成
    网页是由网页元素组成的，这些元素是利用 html标签描述出来，然后通过浏览器解析来显示给用户的.

网页总结
    网页是图片、链接、文字、声音、视频等元素组成其实就是一个html文件(后缀名为html)
    网页生成制作:前端人员书写HTML文件,浏览器打开就能看到网页了
    HTML:超文本标记语言,用来制作网页的一门语言有标签组成的.比如 图片标签 链接标签 视频标签等
        
常用浏览器
    浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等.(平时称为五大浏览器)

web标准
    浏览器内核(渲染引警):负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
        浏览器            内核              备注
        IE               Trident        IE、猎豹安全、360极速浏览器、百度浏览器
        firefox          Gecko          火狐浏览器内核
        Safari           Webkit         苹果浏览器内核
        chrome/Opera     Blink          chrome / opera浏览器内核。Blink 其实是 WebKit 的分支

web标准的构成
    主要包括结构 ( Structure ) 、表现( Presentation ) 和行为( Behavior) 三个方面
        标准  说明
        结构  结构用于对网页元素进行整理和分类，现阶段主要学的是HTML。
        表现  表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
        行为  行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript

        Web 标准提出的最佳体验方案:结构、样式、行为相分离
        简单理解: 结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到JavaScript文件中

语法规范

基本语法概述

1. HTML标签是由尖括号包围的关键词，例如 <html></html>
    我们称为双标签。标签对中的第一个标签是
2.HTML标签通常是成对出现的，例如<html>和</html>开始标签，第二个标签是结束标签
3.有些特殊的标签必须是单个标签(极少情况)，例如<br/>，我们称为单标签
1.2标签的关系
    父子关系

开发工具
    VSCode  DW HBuilder ...

<!-- 1.head部分标签说明  -->
    <!DOCTYPE html>  声明html为html5
    html >lang:显示语言 en or zh-CN or...
    <meta charset="UTF-8">:charset,字符集的意思.


<!-- 2.常用标签 -->
    2.1标题标签:h1~h6 >  '<h1></h1>'
        口诀（老师的）
        <!-- 简单理解就是逐级递减 -->
        <h1>标题标签</h1>
        <h1>标题一共六级选，</h1>
        <h2>文字加粗一行显。</h2>
        <h3>由大到小依次减，</h3>
        <h4>从重到轻随之变。</h4>
        <h5>语法规范书写后，</h5>
        <h6>具体效果刷新见。</h6>
    2.2 段落/换行标签
        段落:<p></p> ==> 分成若干个段落,会自适应浏览器宽度换行
        换行: <br/>  ==> 强制换行
        
    2.3 文本格式化标签:
        2.3.1 加粗 : <strong></strong> <b></b>  (记住)
        2.3.2 倾斜 : <em></em> <i></i>  (记住)
        2.3.3 删除线: <del></del> <s></s>
        2.3.4 下划线: <ins></ins> <u></u>


<!-- 3.盒子标签 -->
    3.1.div和span
        <div>和<span>是没有语义的，它们就是一个盒子，用来装内容的。
        <div> 这是盒子 </div>
        <span> 今日价格 </span>
        div是 division的缩写，表示分割、分区。有默认宽高，默认占据一行。
        span 意为跨度、跨距   ==>  小盒子,与内容同行


<!-- 4.图像标签 -->
    4.1 标签:<img src="文件路径" alt="">
    4.2 属性:
            属性        属性值   说明
            src       图片路径   必须属性
            alt         文本    替换文本。图像不能显示的文字
            title       文本    提示文本。鼠标放到图像上，显示的文字
            width       像素    设置图像的宽度
            height      像素    设置图像的高度
            border      像素    设置图像的边框粗细
    4.3 注意:
        图像标签可以拥有多个属性，必须写在标签名的后面
        属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
        属性采取键值对的格式，即key=“value"的格式，属性=“属性值”
    4.4 路径(前期铺垫知识)
        (1)目录文件夹和根目录:
            实际工作中，我们的文件不能随便放，否则用起来很难快速的找到他们，因此我们需要一个文件夹来管理他们。
            目录文件夹:就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等
            根目录:打开目录文件夹的第一层就是根目录
        (2)打开文件夹
        (3)相对路径/绝对路径
            同一级: 
            上一级:../
            下一级:/
            绝对路径:网络/本机路径


<!-- 5.超链接标签 -->
        5.1 语法:<a href="http://###..." target="">文本</a>
        5.2 属性:
            属性     作用
            href    用于指定链接目标的url地址，(必须属性)当为标签应用href属性时，它就具有了超链接的功能
            target  用于指定链接页面的打开方式，其中_self为默认值， blank为在新窗口中打开方式
        5.3 链接的形式
            5.3.1 外部链接:跳转到其他外部链接页面  外部url
            5.3.2 内部链接:内部链接跳转 内部文件跳转
            5.3.3 空链接:空连接,href='#'
            5.3.4 下载链接:放文件的url路径直接下载
            5.3.5 网页元素链接:网页各个元素的超链接
        5.4锚点链接
            这是页面内的跳转
            5.4.1 语法:点击<a href="#名字"></a>跳转到<div id="名字"></div>
    

    <!-- 6.注释标签与特殊字符: -->
        6.1 注释语法:<!--   --> (快捷键：ctr + /)
        6.2 特殊字符显示
            &lt;大于号
            &gt;小于号
            &nbsp;空格

<!-- 在我的理解里，所有的双标签都是容器 -->
<a href="#名字"></a>
<span>1</span>
<span>2</span>
<span>3</span>


<h1>标题标签</h1>
<h1>标题一共六级选，</h1>
<h2>文字加粗一行显。</h2>
<h3>由大到小依次减，</h3>
<h4>从重到轻随之变。</h4>
<h5>语法规范书写后，</h5>
<h6>具体效果刷新见。</h6>