前端 5.24

一个网页主要由结构，表现，行为 组成。

结构：HTML 用于描述页面的结构

表现：CSS用于控制页面中元素的样式

行为：JaveScript 用于响应用户操作

软件主要分两种架构C/B和B/S

B/S中的B指的是browsers，是浏览器的意思，S值Server指服务器的意思；B/S架构的软件一般都是通过访问一个网页的形式来使用的，而将一些运算等操作放到远端的服务器上。

html

html（Hypertext Markup Language）

html使用标签的形式来标识网页中的不同组成部分。

超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

一个最基本的html页面：

   

    >

   

网页正文

标签 ：

html中的标记指的就是标签，使用标记标签来描述网页。结构：<标签名>标签内容<标签名/>

元素

一个完整的标签称为元素。

一级标题

h1就是元素，

我是一个段落

p也是一个元素，em是p的子元素，p是

em的父元素。

属性

可以为HTML标签设置属性。

通过属性为HTML元素提供附加信息。

属性需要设置在开始标签或自结束标签中。

属性总是以名称/值对的形式出现。

比如：name=“value”

有些属性可以是任意值，有些则必须是指定值。

标题

常见属性：

id  属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。

class  属性用来为标签分组，拥有相同class属性的标签是一组，可以出现相同的class属性，可以为一个元素指定多个class。

title 属性用来指定标签的标题，指定title以后，鼠标移入到元素上方时，会出现提示文字。

注释

html注释内容不会在网页中展现

格式：<！--注释-->  注意不能嵌套

乱码

如果我们保存文件时使用的是utf-8进行编

码，而浏览器读取页面时使用gb2312，这

样就会导致页面中的内容不能正常显示，

也就是我们所说的乱码。所以我们只需要统一两者使用的字符集就可以解决乱码问题。一般使用utf-8。

解决乱码问题

保存文件的编码我们直接通过编辑器即可

指定，接下来就是要告诉浏览器使用什么

字符集去解析文件，可以使用meta标签

如

作用：

可以提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。

标签位于文档头部，不包含任何内容，它的属性定义了与文档相关联的名称/值对。

meta用法：

设置页面字符集:

设置网页关键词：

请求的重定向:

html作用：

标签用于告诉浏览器这个文档中包含的信息时用html编写的。

一个页面只能用一个html标签

html标签中有两个子标签head和body。

作用：

标签用来表示网页的元数据，head中包含了浏览器和搜索引擎使用的其他不可见信息。

head标签作为html标签的子元素的出现，一个网页中只能用一个head。