1.学习html5笔记

#html5#
###浏览器###

  • 常用浏览器及内核
  • 谷歌浏览器chrome Webkit/blink
  • IE浏览器 InternetExplorer Trident

###服务器###

###服务器-浏览器-网页###

  • 服务器数据通过 get post 方法,http协议
  • 浏览器解析HTML文件渲染生成网页
  • 域名IP地址
  • 请求报文(请求行+请求头+空行+请求体)
  • 响应报文(响应行+响应头+响应体)
  • 响应体就是呈现在网页中的HTML文件
    ###URL统一资源定位符###
  • 格式:http://127.0.0.1:80/index.html
  • 包括协议,IP地址、端口、资源内容
    ###http协议###
  • 超文本传输协议 规范服务器和浏览器的文件传输
  • HTML文件拓展名.html 可以使用纯文本编辑器值编辑
    ###HTML基础###
  • HTML标准是w3c制定
  • w3c HTML、XHTML、
  • HTML5 2008年发布
    <html>
        <head>
        <title></title>
        </head>
        <body>
        </body>
     </html>
    
  • head标签内添加一些配置信息
  • head除了title标签内容一般不会在网页中显示,作为网页保存的默认名称
  • html标签包含其他元素,元素包含标签和内容
  • meta标签包含charset属性设置字符编码, utf-8 或 GB2312/GBK
    ###DTD声明###
  • 单标签 meta、br、hr…
  • 双标签 html、head、p、div、span…
  • html5 DTD文档说明 <!DOCTYPE html> 在文档开头声明,不区分大小写,不是一个标签
  • xhtml相对于html严格要求有闭合,小写,属性值有双引号。
  • html5相对于html功能多,增加了标签。
  • .htm 和.html
  • http 和https 后者具有安全加密传输协议
    ###前段开发###
  • webstorm
  • sublime

###HTML标签###

  • h1标签 表示标题
  • h6标签 表示小标题
  • br标签 换行
  • hr标签 横线,可以设定宽度
  • img图片标签
    • src属性
      • 推荐使用相对路径
      • …/表示上一级目录
    • width 单位可以是“px”或%
    • height
    • title 鼠标悬停显示信息
    • alt 图片未显示的信息
  • a标签 显示链接
    • href属性,可以指定网络资源或本地文件
      • 假链接占位
        • #自动回到顶部
        • javascript: 不会回到网页顶部
      • 锚点 可以使用#id值
        • 还可以跳转到其他界面的指定位置href=“URL#id值”
    • target属性
      • _blank 新标签页打开
      • _self 当前页面跳转,默认
    • title属性
  • base标签 专门用来管理a标签打开方式 放在head标签内
    • a标签的target属性优先于base标签

猜你喜欢

转载自blog.csdn.net/weixin_43333826/article/details/84404411