一、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.通过这句话让浏览器明白,将来按照什么样的语法拉力解析这里的代码。
3.
头部
内容
四、HTML标签的使用
1.标签书写方法:可以嵌套但是不能交叉嵌套
2.常见的标签名 a,p,H1-H4,
,
3. 是代表空格
4. 图片标签
5. 图片标签内添加属性
(1) width="" ,height="" 设置宽高度
(2)alt=“”图片加载失败后显示文字
(3)title=“”代表图片标题
(1)href=“http://www.baidu.com” 跳转另一个地址
(2)href="#" 空连接
(3)target=“_black” 新的窗口
五、form表单的基本介绍
是一种在互联网上用于收集用户信息的一种结构,在HTML当中事先定义好一个标签 来完成这件事,叫做form,是个双标签。
1.form 属性值:
action="当前的提交表单网址"
method="通过什么方式提交数据" 分为get/post
2.form下的单标签
01. type可以选择不同的属性, name呢就是定义name名可以被调用。
02. 文本框
03. 男 单选框
04. 男 多选框
05.
06.
下拉框
07. 重启按钮
08. 普通按钮
09. 提交按钮
六 、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代码}