HTML基本语法1

时间:2022-12-31 13:59:14

浏览器

  • 主流浏览器
    • chrome 内核 webkit
    • safari 内核 webkit
    • firfox 内核 gecko
    • IE 内核 Trident
  • 壳浏览器
    • Opera Google内核
    • 360安全 Google内核/IE
    • 360极速 Google内核/IE
    • UC
    • 猎豹
    • 搜狗
    • QQ
    • 百度浏览器
    • 淘宝浏览器
    • 2345浏览器
    • ……

字符集编码

  • ASCII码
  • 汉字编码
    • GB2312
    • GBK
  • 国际通用编码
    • UTF8

      计算机存储单位

  • 字节 B (byte)
  • 位(比特) b (bit)
  • 1 B=8 bit

HTML 超文本标记语言

  • HTML 结构
  • css 样式
  • JavaScript 逻辑

HTML的发展史

  • 最新版 HTML5
  • 之前的版本是 XHTML1.0
  • 再之前的是 HTML4

    HTML标签

  • 也叫元素
  • 单标签 <标签名>或</标签名>
  • 双标签 <标签名>内容</标签名>

    代码规范

  • 缩进 tab或四个空格

    HTML主体结构标签

    ### 文档声明

  • <!doctype html>

    body标签

  • 页面的主体内容
  • 属性
    • background 背景图像
    • bgcolor 背景颜色
    • text 文本颜色
    • link 超链接默认的颜色
    • vlink 点击后的颜色
    • alink 正在点击的颜色

      head头部标签

  • <meta>
  • <title></title>
  • <link href="" ></link>

meta的功能

  • 定义字符集编码
    • <meta charset="utf-8">
    • <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  • 网页刷新及跳转
    • <meta http-equiv="refresh" content="10;url=http://www.baidu.com"> 10秒后跳转到百度页面
  • 网页关键字
    • <meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">
  • 网页描述信息
    • <meta name="description" content="80字以内的一段话,与网站内容相关">
  • 网页作者
    • <meta name="author" content="obama">
  • ……

定义网站标题图标

  • <link rel="shortcut icon" href="图片地址.ico">

格式排版标签

换行标签 br

  • <br/>
  • 可使用连续多个<br>标签来换行

    分割线 hr

  • 语义 用于段落与段落之间的分割
  • 属性(不赞成使用):
    • wide
    • size
    • align 对齐方式
    • noshade 默认显示为纯色

段落标签 p

  • 语义:表示段落
  • 属性(不赞成使用):
    • align:left/right/center/justify

      原文显示标签 pre

  • <pre></pre>
  • 可以把源文件中的空格,回车,换行,tab键表示出来

    标题字标签 hn

  • <hn>
  • n为1-6
  • 定义六级标题,且会自动换行插入一个空行
  • 属性:align 不赞成使用
  • <h1></h1>
  • <h2></h2>
  • <h3></h3>
  • <h4></h4>
  • <h5></h5>
  • <h6></h6>

    居中对齐标签 center

  • <center>
  • 使段落或文字相对于上一层标记居中显示
  • 不建议使用

快捷键

  • 一段文字的快捷键
    • lorem +tab
    • lorem100+ tab
    • lorem……+tab
  • 注释
    • ctrl+/

图片搜索地址

image.baidu.com