html基础知识总结

一、主流浏览器与其内核(一个并非html知识点,但与html又有千丝万缕的关系)

中文名称——英文名称——内核

IE浏览器——IE——trident

火狐浏览器——firefox——Gecko

谷歌浏览器——Google Chrome——webkit/blink

苹果浏览器——safari——webkit

欧朋浏览器——Opera——persto

二、<!DOCTYPE>标签

  定义HTML文件在浏览器中以什么样的规则呈现。

  即:dtd(文档类型定义:Document Type Definition)是一套为了进行程序间的数据交互而建立的关于标语符的语法规则。

三、关于一些定义和杂项

  一些定义:

  HTML值得是超文本标记语言:HyperText Markup Language

  HTML不是一种编程语言,而是标记语言

  标记语言是一套标记标签

  HTML使用标记标签描述网页

  HTML文档包含了HTML标签及文本内容

  HTML文档也叫做web页面

  一些杂项:

  <!DOCTYPE HTML> <!Doctype Html> <!DocType html>都可以,不区分大小写(别忽略开发规范)

  html页面内的空格的语法意义是分割符,连续写多个空格也只呈现一个分割意义。

四、关于常用标签及标签属性

  标签属性:

  class:为html元素一定一个或多个类型(class="name1 name2")

  id:  定义元素的唯一id(id="name")

  style: 规定元素的行内样式(style="width: 100px;height: 100px;")

  title: 描述了元素的额外信息(作为工具条使用)

  头部标签:

  <title></title>定义网页标签

  <style></style>定义内部样式列表

  <script></script>定义JS代码或引入外部JS文件

  <link/>引入外部样式列表

  <meta/>定义网页原信息

  body内的一些常用标签:

  一些样式功能标签:

  <strong></strong>字体加粗

  <em></em>字体倾斜

  <del></del>中划线(删除线)

  <address></address>地址标签(呈现加粗效果)

  <br>换行

  <hr>横线

  <u>下划线

  一些结构标签

  <div>定义文档中的节

  <p>段落标签

  <h1>...<h6>标题标签

  <ol>定义有序列表;

    type属性的值1、a、A、i、I; 倒叙:reversed="seversed"; start="2"表示从第二个开始排位

  <ul>定义无序列表

  <li>定义列表项

  

  <span>定义文档中的节

  

  <img>图片标签

    src属性:1.网络url  2.本地绝对路径  3.本地的相对路径 ;alt/title:图片占位符/提示符

  <form></form>定义HTML文档的表单  

  <a>定义超文本连接

    href属性:目标地址;target="_blank"在新窗口打开网页;

    其他功能:锚点、打电话、邮件、协议限定符

  <input>表单标签;表单以name属性和value属性成对提交这两个属性的值。根据不同的type属性表示,呈现不同的样式和功能。

  <!-- -->注释

posted @ 2018-12-24 02:19  他乡踏雪  阅读(209)  评论(0编辑  收藏  举报