前端工程师是做什么的？
1.html是什么？ html有什么用？
2.如何使用html？
a. html结构
b. html元素之间的关系
c. 注释、字符实体
d. 常用标签（重点） 标签的名称+功能
pc端页面
移动端页面和网站相关的页面
前台 页面展示
后台 数据
web应用 前台+后台
需要学习哪些知识才能胜任前端开发工作？
工具：ps（图片处理） IDE（开发工具） 标注工具（markdown） chrome
编程语言： html css javascript（重点）
html：超文本标记语言，搭建网页结构 （修房子——搭建框架结构）
css：层叠样式表，修饰html样式 让网页更好看 （装修房子）
js：负责页面的交互效果（用户和页面产生的交互行为）
开发环境搭建
ide（集成开发环境），写代码的工具，推荐hbuilder
浏览器: Chrome
html文档结构
a.html 超文本比较语言 特点：以.html结尾
b.文档格式 通常成对出现
html元素之间的关系
html元素包括：开始标签<html>+元素内容+结束标签</html>
父子关系、兄弟关系、子孙关系、后代关系
特点：html元素之间是可以无限嵌套的，书写的时候，空格写
html:超文本标记语言，超文本（和纯文本相比功能比较丰富），标记（标签），整个html文档都是由标签组成
如何能够学好html语言：每个html标签的名称和功能
注释：注解，方便其他人阅读代码
<!-- 中间写注释的内容 -->
注释的内容不会被显示到浏览器上
快捷键 crtl+/ ctrl+shift+/
字符实体：用一些特殊的字符去代替另外一些特殊字符
doctype：告诉浏览器文档为哪个版本，文档声明
标签：要学好html就必须记住html标签的名称和标签的作用
html常用标签
名称 作用
html 包裹所有的其他标签，是html最外层的元素
head 文档的头部
meta 表示文档的编码，计算机0101 编码类似于密码本，A--0101
title 表示网页的标题
body 所有的网页内容都放在body中
div 表示一个容器或者说一个盒子
span 功能和div类似，span可以用来装一小段文字 和div的区别就是在一行内显示
h1-h6 表示标题 数字越大 字体越小
p 表示段落标签
hr 表示一条水平分割线
ul li 表示的是无序列表
i /em 表示斜体
strong 表示加粗
br 表示换行
img 表示图像标签，可以引入图像 src=“图片的地址”
属性：特征，在开始标签后面 以属性名称=“属性值”这种形式表示给html标签加属性
img标签必须加上src属性 才能把图像展示出来
图片的地址：
绝对地址：当前图片在硬盘上的位置 缺点：可移植性比较差
相对地址：参照物-当前所写的文件位置
1.图片在当前写的这个文件的同级，直接写图片的名字就可以了 ./图片名字
2.图片在当前写的这个文件的下一级 先从同级开始找 ./文件夹/文件夹/.../图片名称
3.图片在当前写的html文件的上级 ../文件夹/.../图片名字
alt属性：当图片没有办法显示的时候用来提示用户的文字
title属性：当鼠标移动到图片上时，用来提示用户的文字
a标签 表示超链接，可以连接一切资源（包括网址 视频 文字 等等）
href属性：超链接地址
target属性：_blank 表示新建一个浏览器标签页来显示超链接的内容，不会覆盖原来的网页
扫一扫
4183
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
