初识Html

1.Web的第一门编程语言:JavaScript
  html:标记语言
2.html、css 、js的关系:
  网页三要素:
    html:素颜的脸   网页框架构建  结构
    CSS:化妆的脸    样式设置   表现
    JS:会哭会笑的脸    事件、动态   行为
3.HTML
    生成文档结构的快捷键: !(英文)/ html:5
    注释:ctrl+/   command+/  <!--  -->   注释不显示在界面上,作用是开发人员用来提示代码区域内容,一定要写。
4.实体
    &nbsp; 空格
    &lt;   <
    &gt;   >
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.块级元素可以包含块级与行内,行内只能包含行内。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值