html入门

软件主要分为两种架构

• C/S
• B/S
  我们要学的是B/S。

什么是B/S？

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

我们要学哪些内容？

• 根据W3C标准，一个网页主要由三部分组成：结构HTML、表现css还有行为JavaScript。

html 用于描述页面结构
css 用于控制页面元素的样式
JavaScript 用于响应用户的操作

一个最基本的HTML页面

    
    


    
正文

标签

HTML 中的标记就是标签，使用标签来描述网页。

<标签名>内容

元素

一个完整的标签称为元素。元素和标签是同义词。

一级标题

*上边h1就是元素

我是一个段落

• p是一个元素，em是p的子元素。p是em的父元素。

    
内容

• body也是一个元素
• body是p和em的祖先元素。
• p和em是body的后代元素。

属性

• 属性需要在开始标签或结束标签中。
  *属性总是以名称/值对的形式出现。
• 比如：name=‘value’
• 有些属性可以是人任意值，有些必须是指定值。

常见属性

• id -id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。
• class - class属性用来为标签分组，拥有相同class属性的
  标签我们认为就是一组，可以出现相同的class属性，可以为一个元素指定多个class。
• title -title属性用来指定标签的标题，指定title以后，鼠标移入到元素上方时，会出现提示文字。

注释

• 注释内容不会在网页中显示
• 格式：

• 注释不能嵌套

编码问题

• 常见的字符集：ASKII、ISO8859-1、GBK，GB2312、UTF-8
• 乱码解决：在html5中需要使用meta标签：
• 作用： 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
• meta的用法：

设置页面的字符集:
设置网页描述：
设置网页的关键字：
请求重定向：

常用标签

作用：标签用于告诉浏览器这个文档中包含的信息是用HTML编写的.

用法: 所有网页的内容都需要写到html标签当中,一个页面只能有一个HTML标签.

HTML 标签中有两个子标签head和body.

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

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