HTML第一天

我们首先需要思考三个问题

       1.什么是网页？

       2.什么是HTML?

       3.网页的形成?

什么是网页：

        1.网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。

        2.网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。

  网页的组成：

        网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。

 什么是HTML：

        1.HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。

        2.HTML 不是一种编程语言，而是一种标记语言 (markup language)。

标记语言是一套标记标签 (markup tag)。

网页的总结：

1.网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html)

2.网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.

3.HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如 图片标签 链接标签 视频标签等…

web标准：

        Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

web标准的构成：

Web 标准提出的最佳体验方案：结构、样式、行为相分离。

简单理解：结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中

1.结构类似身体

2.表现类似外观装饰

3.行为类似行为动作

4.相比较而言, 三者中结构最重要.

基本结构标签：

每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写

语义化标签：

学习标签是有技巧的，重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。

根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

标签

常用的6级标题标签

<h1>标题一共六级选,</h1>

<h2>文字加粗一行显。</h2>

<h3>由大到小依次减，</h3>

<h4>从重到轻随之变。</h4>

<h5>语法规范书写后，</h5>

<h6>具体效果刷新见。</h6>

段落标签：

在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在 HTML 标签中，<p>标签用于定义段落，它可以将整个网页分为若干个段落。

特点：

1. 文本在一个段落中会根据浏览器窗口的大小自动换行。

2. 段落和段落之间保有空隙。

换行标签：

在 HTML 中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。如果希望某段文本强制换行显示，就需要使用换行标签 <br />。

特点：

1. <br /> 是个单标签。

2. <br /> 标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。

div和span标签：

<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。

特点：

1. <div> 标签用来布局，但是现在一行只能放一个<div>。 大盒子

2. <span> 标签用来布局，一行上可以多个 <span>。小盒子

文本格式化标签：

图片标签：

在 HTML 标签中，<img> 标签用于定义 HTML 页面中的图像。

        <img src="图像URL" />

解释：

src 是<img>标签的必须属性，它用于指定图像文件的路径和文件名。

 所谓属性：简单理解就是属于这个图像标签的特性。

图像标签注意点： 

 1.图像标签可以拥有多个属性，必须写在标签名的后面。

 2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。

 3.属性采取键值对的格式，即 key=“value" 的格式，属性 =“属性值”。

路径：

链接标签：

链接的语法格式

    <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

属性：

    1.href：用于指定链接目标的url地址

    2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开

    3.#：空链接