关于HTML

什么是HTML

  • ·一种超文本标记语言

HTML的发展历史

新版HTML5

  • · 详见百度『有条件的话建议以后搜索引擎改用谷歌』

HTML基本语法

HTML标签

  • · 单标签   简单的说只要开始时有个标签     <标签名>    <标签名/>
  • · 双标签    这个标签的开始和结束都需要    <标签名> 内容</标签名>
  • · 也叫 元素

属性

  • · 属性属于标签
  • · 一个标签可以有多个属性，每个属性有不同的意义
  • · 属性值最好写在双引号中

代码规范

  • · 缩进 Tab或4个空格

注释

<!-- 注释内容 -->

HTML 主体结构标签

文档声明

  • · <!doctype html>

html标签

  • · <html></html>

head标签

  • · <head></head>
  • · 里面会包含 诸如页面标题，搜索引擎信息等相关的标签

body标签

  • · <body></body>
  • · 页面的主体内容
  • · 属性
    • background
    •  bgcolor
    •  text
    • link 超链接默认颜色
    • vlink 点击过后的颜色
    • alink 正在点击的颜色

head头部标签

标签

    • <title></title> 定义标题
    •  <meta />
    •  <link href=""></link>

meta功能

 

定义字符集编码

    • ·
    • o <meta charset="utf-8">
    • o <meta http-equiv="content-type" content="text/html;charset=utf-8">
    • ·

刷新或跳转

    • ·
    • o <meta http-equiv="refresh" content="3">
    • o <meta http-equiv="refresh" content="3;url=http://unclealan.cn">
    • ·

设置关键字

    • ·
    • o <meta name="keywords" content="每个次用英文,隔开">
    • ·

设置页面描述

    • ·
    • o <meta name="desctiption" content="80字之内一段话">

定义网站标题图标

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

格式排版标签

换行标签 br

    • · <br />

分隔线 hr

    • · <hr />
    • · 语义：段落与段落之间的分割
    • · 属性
    • o width
    • o size
    • o align
    • o noshade

段落标签 p

    • · <p></p>
    • · 语义：表示段落
    • · 属性
    • o align : left/right/center

原样输出标签 pre

    • · <pre></pre>
    • · 语义：需要原格式输出 显示代码

标题标签 hr

    • · <h2></h1> 一级标题
    • · <h2></h2> 二级标题
    • · <h3></h3> 三级标题
    • · <h4></h4> 四级标题
    • · <h5></h5> 五级标题
    • · <h6></h6> 六级标题

居中标签

    • · <center></center>
    • · 不建议使用，因为css中有更好的办法