一、web基本介绍
1.Web 是 Worl wide web 的缩写，称为全球广域网，俗称www
2.我们可以将Web理解为当前的一种互利网，对于我们来说更多的就是网站服务。
3.网站我们可以认为是由多个网页组合在一起形成一种服务
4.Web前端就是负责网站前端效果的实现内容。
5.网页就是由前端工程师使用HTML语言编写的页面，其中包含视频，文字，图片，音频....（网页本质就是HTML文件）
6.Web的标准就是来衡量我们当前制作网页书写是否规范的一系列要求，这个标准由W3C组织来制定。具体要求就是1.结构，2.样式，3.行为等三者相分离。
6.1 结构：指的就是通过 HTML来制定网页的“”“架子”
6.2 样式 指的就是渲染页面的内容
6.3 行为 指的就是实现页面的动态
二、HTML介绍
1.超文本HTML介绍
Hypetext(markup language) 超文本标记语言，其中超指的就是能 表达的内容不仅仅是文字
2.HTML语言发展历史
1.互联网最初没有HTML，只能通过网络传输最简单的文字
2.随着用户需求较多，我们的技术不断发展，发出了一种可以表达文字内容之外的语言---HTML1.0
三、HBuilder的使用
1. 跳转-跳转项目管理器 ----Document Type (文档类型)
2.<!DOCTYPE html>通过这句话让浏览器明白，将来按照什么样的语法拉力解析这里的代码。
3. <html>
<head></head> 头部
<body></body> 内容
</html>
四、HTML标签的使用
1.标签书写方法:可以嵌套但是不能交叉嵌套
2.常见的标签名 a，p，H1-H4,<br/>,
3. 是代表空格
4. <img src="路径"/> 图片标签
5.<img src="路径"/ width="200px" height="300" title="这个男人很酷" alt="这个男人很酷"> 图片标签内添加属性
（1） width="" ,height="" 设置宽高度
（2）alt=“”图片加载失败后显示文字
（3）title=“”代表图片标题
6.<a href=“” target=“”> 双标签 默认属性 href
(1)href=“http://www.baidu.com” 跳转另一个地址
（2)href="#" 空连接
（3）target=“_black” 新的窗口
五、form表单的基本介绍
<form action="" method=""></form> 是一种在互联网上用于收集用户信息的一种结构，在HTML当中事先定义好一个标签 来完成这件事，叫做form，是个双标签。
1.form 属性值:
action="当前的提交表单网址"
method="通过什么方式提交数据" 分为get/post
2.form下的单标签
01.<input type="文本属性" name="username"> type可以选择不同的属性， name呢就是定义name名可以被调用。
02.<input type="text" /> 文本框
03.<input type="radio" / checked="checked"> 男 单选框
04.<input type="chexbox" /> 男 多选框
05.<textarea name="" row="行数 " cols="列数"> </textare>
06.<select name=" " >
<option value="name" selected="">多个选择</option>
</select> 下拉框
07.<input type="reset" /> 重启按钮
08.<input type="button" / value=“点击”> 普通按钮
09.<input type="submit" / value="点击提交数据"> 提交按钮
六 、CSS基本使用
1 .CSS在国内被称为级联样式表，层叠样式表，样式表，它的作用就是修饰当前网页HTML的元素。
2.基本使用步骤
2.1 CSS与HTML可以看做是二门 互相独立的语言，此时如果想使用CSS操作HTML首先将二者建立关系
2.2 此时HTML当中准备叫Style的标签，是个双标签，在这个标签对之间可以涌过来书写而我们的CSS代码，常见的存放位置在head标签里，
2.3.通过CSS的选择器找到我们想要操作的元素给他设置样式写在style中
3.体验CSS
3.1.常见的CSS元素属性
width/height 高度
backgroud-color 背景颜色
3.2.css代码书写的固定语法
选择器{ css 代码}
3.3.建议CSS行业分行写,每行用；结束
七、CSS选择器
1.定义
所谓CSS选择器是CSS中已经定义好的用来选中某些元素的固定语法，作用就是选中我们想要设置样式的元素
2.CSS选择器的分类
css有多重选择器，我们人为的分成两大类:简单选择器、复合选择器
3.简单选择器:
3.1标签名选择器---通过具体的HTML标签名称来选择元素
一个完整页面会出现多次同名的元素，样式也是一样的，可以选这个方式
3.2类名选择器---通过标签类名来选择元素
class{CSS代码}/.aa{CSS代码}
3.3id选择器---通过ID名称选择元素
#id{css代码}/#en{css代码}
447
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
