对于HTML的新认识

HTML基础

  1. 环境搭建
    1) 编辑器环境
    轻量级的编辑
    sublime(emmet插件)
    vscode *
    2) 浏览器环境(测试)
    firefox
    google chrome
    opera
    safari
    ie8+ 兼容性

  2. hello world
    1) 部署在tomcat中( 动态服务器- 慢)
    tomcat/webapps/
    hello.html
    2) 部署在静态服务器(apache/nginx)
    阿里云(ubuntu16.04)
    jdk
    mysql
    apache
    /var/www/html
    tomcat

    1. html结构
      超文本标记语言
      超级文本(文本,超级链接,图片,视频,音频…)
      doctype声明
      HTML5和HTML4
      例如:

       <html>
       	<head>
       		<!--源信息 -->
       		<meta charset="UTF-8">
      
       	</head>
       	<body>
       		<!--可以显示在网页中的内容-->
       	</body>
       </html>
      

      xml:标签是可以自定义的
      html:所有的标签都是内置的

      语法:html由各种元素组成,一个元素通常包含开始标签,结束标签,内容
      在开始标签中可以添加属性
      例如:

            <div class="content" id="one">
       	      <span>hello world</span>
             </div>
      

      属性
      1) 核心属性:id、title、style、class
      绝大多数元素都具备的属性
      2) 特有属性
      某些元素中特有的属性
      a :href ,target
      img :src ,width ,height

    2. html那些事
      Java
      编译型语言
      .java -> .class -> jvm
      隶属于sun/oracle公司的,有具体的公司及团队维护,所有的标准oracle说了算,jvm也是oracle开发的

      语法升级 拉姆达
      jvm升级(解释java代码)
      效果升级
      springboot写完代码之后如何部署
      1) 打包成为war,直接抛在tomcat/webapps,war就会自动解压
      2) 打包成为jar,直接运行jar(内置了tomcat)

      html
      解释型语言:
      .html -> 浏览器

      网页编程标准:w3c
      h4 -> h5

      语法升级 :
      废弃掉 strong frameset …
      新增 header article section…
      解释器:
      火狐,谷歌,欧朋…
      容错性非常棒

    5. 标签
    1) 块级别标签
    作用:搭建网页的结构
    特点:宽度默认占满父元素,高度默认由内容决定,宽高可以自定义

    div【容器】无意义的块元素(无招胜有招)
    h1~h6 标题
    p 段落
    ul>li 【容器】列表
    ol>li 【容器】列表
    dl>dd,dt 【容器】列表

  1. 行级别标签

    作用:填充网页
    特点:默认宽高由内容决定;宽高无法指定;所有的行内元素可以共享一 行空间;行内元素内部一般不允许嵌套子元素,只允许放文本
    span 无意义的行内元素
    a :超链接
    href
    target
    img :图片
    src
    alt 当图片找不到的时候的文本替代

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值