初识HTML

随堂笔记：
1.学习web的第一门编程语言：JavaScript
html：标记语言
2.html、css、js的关系：
网页三要素：

HTML：网页框架构建  结构
CSS： 样式设置      表现
JavaScript：用于响应用户操作  事件、动态   行为

3.HTML：
生成文档结构的快捷键：“!(英文的！)”或者“html:5”
注释：ctrl+/ 注释不显示在界面上，给开发人员看的

4.实体

5.块级、行内
块级：div、p、h1~h6、ol,li（有序列表）、ul,li（无序列表）、dl->dd/dt、header、footer、nav、article、section、aside、address...
特点：

独占一行
1.宽度默认100% ，如果有父元素的话，100%相对父元素而言，反之相对浏览器视图区而言
2.高度由子元素及其内容区决定（撑起来）
3.块级可以直接设置宽高
4.块级可以包含块级和行内

行内：span、a、img、strong、b、i、em、sub、sup...
特点：

  * 与其他行内元素共享一行空间
  * 宽高由自身决定
  * 由于不用来搭建网页结构，所以也无需通过css指定其宽度
  * 行内元素中不可以嵌套块元素
  

a：连接外部或内部网址

      相对路径：href="./    ../"
      绝对路径：href="http://ip:端口号/项目/文件名"(https)  

经典应用：锚点 定义锚点、连接锚点

 跳转到该页面任意位置：
 1.要跳转的位置：  
我是中部
 

      2.回到中部

target的属性，这个属性专门用于控制如何跳转

   _self:用于当前的选项卡中进行跳转，也就是不新建页面跳转，默认就是_self
   _blank:用于在新的选项卡中进行跳转，也就是新建页面跳转

假链接

   回到顶部
   点我啊

img：放图片

    src：放图片地址
    width：图片宽度
    height：高度
    alt：可以用来设置在图片不能显示的时，对图片的描述
    title：用于告诉浏览器，鼠标悬停的时候，需要弹出的描述框中显示什么内容

6.块级元素与行内的区别 面试题 80%

1、经典：块级元素独占一行，行内元素与其他元素共享一行
2、宽高：块级可以直接设置宽高，行内不可以直接设置宽高，需要提高display改变元素属性来设置。(img、input  特殊的行内)
3、块级元素可以包含块级元素与行内元素，行内只能包含行内