码迷,mamicode.com
首页 > Web开发 > 详细

html 知识整理

时间:2018-03-20 15:20:54      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:问题   asc   文本框   语言   有序   有序列表   十分   hyper   连接   

一、 前言

  本文全面介绍了html的定义、使用和具体常用标签。

       参考资料:菜鸟教程

二、定义

  html是HyperText Markup Language的简称,也就是超文本标记语言的缩写。通过html标签包裹字符串,就可以交给浏览器解析,形成丰富多彩的网页。

  html 是一种标记语言,不是编程语言,写错了也不会报错,只会当成字符串解析。一共经历了以下版本:

版本发布时间
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013

 

     html主要作用是定义网页上要显示的元素。之后的CSS(层叠样式表)定义的元素显示的样式,Javascript脚本语言定义了元素的动态效果和用户交互。

三、html文档基本结构

  <!DOCTYPE html>

  <html>

    <head>

    </head>

    <body>

    </body>

  </html>

  第一行为声明html版本,因此,一般会把形如<!DOCTYPE html>放在html文档开头申明版本,<!DOCTYPE html>为html5 版本。目前主流为支持html5.当然html5的显示效果也是最好的。

  <html></html>代表文档主题,写在中间的内容会交给浏览器解析。

  <head></head>代表文档属性,写在中间的内容主要是声明文档属性,引入外部文件等。

  <body></body>代表网页中要显示的元素,如文字,图片,超链接,音频,视频,窗口等等等。

  <></>        html 中多数标签有开头尖括号开始,结尾尖括号结束。中间可嵌套其他html元素。所以正确的结束html标签是十分重要的。有些标签如<img>等,不写结尾也无问题, 但是为了一致性,建议写上,如<img/>

  当标签中间无内容时,会自动关闭。不会显示在页面上。

  <a href=‘www.baidu.com‘>test</a>   开始便签中可以设置标签属性,以属性名=‘属性值’的键值对形式,有内置的属性,也可以自定义属性。

  所有标签均为小写。

四、基本标签、标签属性与功能

  建议每一个试一下

<!DOCTYPE html>           定义html版本
<html></html> 定义文档
<head></head> 定义文档头部信息
<title></title> 定义网页头部标签显示文字
<style></style> 定义样式
<meta></meta> 定义关键词,网页面试,作者,修改时间,等等
<link> 引入网页图标,外部css文件
<script>,</script> 定义脚本

<base> 定义所有超链接默认连接
<body></body> 定义文档主体
<
h1></h1> ~<h6></h6> 标题,包裹内容会以加黑加粗不同大小的标题格式显示,h1最大。
<hr> 水平线,标签在 HTML 页面中创建水平线。
<!-- 这是一个注释 --> 创建注释,不会显示
<p>这是一个段落 </p> 段落,独占一行
<br /> 换行
<b> </b> 加粗
<sub></sub> 上标
<sup></sup> 下标
<i></i> 斜体
<a href="url">链接文本</a> 超链接
<img> 图像
<table> 表格
  <thead></thead>
    <tr>
      <td></td>
    </tr>
  <tbody></tbody>
</table>
<ul> 无序列表
<li></li>
</ul>
<ol> 有序列表
<li></li>
</ol>
<div></div> 块状标签(占一块)
<span></span> 内联(在一行)
<form></form> 表单
<input type="text" name="firstname"> 输入框
<input type="text"> 文本框
<input type="password"> 密码框
<input type="radio"> 单选框
<input type="checkbox"> 多选框
<input type="submit"> 提交按钮
<textarea> 长文本
<select> 下拉菜单
<option> 下拉菜单选项
<button> 按钮
<iframe src="URL"></iframe> 框架
字符实体 用以代替特殊字符,常用的有
空格&nbsp;< &lt; > &gt;
颜色 有命名,rgb模式,十六进制表示。


 五、小结

  学习html 首先需要理解文档结构,其次熟记每个标签含义,最后深入记住每个标签属性。

  最快的方法就是实践上手写网页。

 

html 知识整理

标签:问题   asc   文本框   语言   有序   有序列表   十分   hyper   连接   

原文地址:https://www.cnblogs.com/xinghuaikang/p/8588906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!