1.Web的第一门编程语言:JavaScript
html:标记语言
2.html、css 、js的关系:
网页三要素:
html:素颜的脸 网页框架构建 结构
CSS:化妆的脸 样式设置 表现
JS:会哭会笑的脸 事件、动态 行为
3.HTML
生成文档结构的快捷键: !(英文)/ html:5
注释:ctrl+/ command+/ <!-- --> 注释不显示在界面上,作用是开发人员用来提示代码区域内容,一定要写。
4.实体
 ; 空格
< <
> >
5.块级、行内
块级:div、p、h1~h6、ul->li、ol->li、dl->dd/dt、文档结构中的元素
特点:独占一行
1.宽度默认100%,如果有父元素的话,100%相对父元素而言,如果没有,相对浏览器视图区而言,高度由子元素及其内容区决定(撑起来)
2.块级可以直接设置宽高
3.块级可以包含块级与行内元素
行内:span、img、a、strong、b、i、em、sub、sup...log24
a: 链接外部或内部网址
href="相对路径./ ../ \ 绝对路径 http://ip:端口号/项目/文件名"(https)
经典应用:锚点 定义锚点、连接锚点
1.给一个跳转按钮,也就是触发跳转的按钮 <a>返回顶部</a>
2.要跳转到的位置:<div id=“center”>找到我</div>
3.<a href="#center">返回顶部</a>
target:定义点击后页面加载的位置 默认取值_self
_blank 新窗口/新标签页
返回顶部
# 直接回到页面的顶部
img: 放图片
src 放图片地址
width 图片宽度
height 高度
alt 图片加载出现问题时给用户展示的内容
title 鼠标悬停时的提示文字
6.块级元素与行内的区别 面试题 80%
1.经典:块级元素独占一行,行内元素与其他元素共享一行。
2.宽高:块级可以直接设置宽高,行内不可以直接设置宽高,需要通过
display改变元素属性来设置。(img、input 特殊的行内,置换元素)
3.块级元素可以包含块级与行内,行内只能包含行内。