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属性表示,呈现不同的样式和功能。
<!-- -->注释