软件主要分两种架构C/S和B/S，主要从事的是B/S的软件的开发。
例如我们的京东，淘宝都属于B/S架构

• 我们要做的事情
  1.我们需要将设计师的设计转换为代码，然后交给后台工程师，在由他们去编写服务器的代码。
  2.我们需要和设计师沟通，需要和产品经理，沟通，需要和后台工程师沟通。
  3.我们编写的网页会在整个项目的最前端由用户查看
• 什么是结构，表现，行为
  结构：html用于描述页面的结构
  表现：css用于控制页面中元素的样式
  行为：Javascript用于响应用户操作

html

• html（hypertext markup language）:超文本标记语言
• 它负责网页的三个要素之中的结构
• html 使用标签的形式来标识网页中的不同组成部分
• 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面
• 一个最基本的html页面
  
  
  
  
  
  
  
  网页正文
  
  

元素
我们还将一个完整的标签称为元素。
这里我们可以将元素和标签认为是一个同义词。
一级标题
上边的h1我们就称为元素
我是一个段落

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

内容

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

• 属性

1.可以为HTML标签设置属性。
2.通过属性为HTML元素提供附加信息。
3.属性需要设置在开始标签或自结束标签中。
4.属性总是以名称/值对的形式出现。
比如：name=“value”

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

文章图片

• 注释
  HTML注释中的内容不会在网页中显示。
  ? 格式:

合理的使用注释可以帮助开发人员理解网页的代码
注释不能嵌套！

• 乱码

如果我们保存文件时使用的是utf-8进行编码，而浏览器读取页面时使用gb2312，这样就会导致页面中的内容不能正常显示，也就是我们所说的乱码。所以我们只需要统一两者使用的字符集就可以解决乱码问题。这里为了页面有更好的使用性，我们一般使用utf-8。

• 解决
  在html5中只需要使用meta标签即可完成这个任务：
  
• 
  设置页面的字符集–
  设置网页的描述–
  设置网页的关键字–
  请求的重定向–

常用标签

• 
  用法：所有的网页内容都需要编写到该标签中，并且只能有一个
  html 中有两个子标签 head 和** body**
• 
  用法：head作为html元素的出现，一个网页中只能有一个head