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

html基础知识

时间:2017-06-25 17:47:52      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:base   value   checked   分割线   orm   lin   下拉   页面   tip   


目录

  1. 什么是html
  2. html的文档结构
  3. html的常用标签

1.什么是html

html是超文本标记语言(HyperText Markup Language)。超文本表示可以链接文本 、图片、链接、音乐、程序等;标签表示html文件是各种各样的标签组成,其中包含单标签和双标签。单标签如<meta>,<hr>;双标签如<head></head>。

html的运行环境为浏览器,而浏览器是用来打开网页的,浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又称之为 html。html文本的后缀名为.html.

注:html不是编程语言,而是标记语言

2.html的文档结构

下面为html文档的结构

 1 <!DOCTYPE html>
 2     <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Document</title>
 6     </head>
 7     <body>
 8     
 9     </body>
10     </html>

 

文档声明

<!DOCTYPE html> html5文档声明头 ,想要完整的使用html5语法,必须使用 文档声明头,声明当前文件是html5文件。

<html></html>标签

定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。

<head></head>标签

头部,通常情况下,里面写的内容是对于当前网页的一些预定义信息设置。包含<meta>标签,<title>标签。

<meta charset="UTF-8"> 设定当前网页的编码格式 meta标签是一个单标签,通过charset 属性,将其属性值设置为需要 的编码,即可为当前的网页设置编码格式。次标签与网站的seo优化有关。

<title></title>,中间放网页标题。 通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码

还可以放其他标签如<style>css代码</style>,

<body></body>标签

身体部分,网页里面要显示给用户看的内容,全部写在body标签里面

3. html的常用标签

带有语义的标签

  • <h></h>标签有h1~h6级标题标签
  • <p></p>段落
  • <hr>分割线
  • <br>换行
  • <em></em>表示强调
  • <strong></strong>表示强调,比em更重
  • <abbr> </abbr>定义缩写
  • <address> </address>定义地址元素
  • <blockquote> </blockquote>定义块引用,通常会产生缩进
  • <cite> </cite>引用某本书,进行说明
  • <ins> </ins>定义被插入文本
  • <del> </del>定义被删除文本

带有样式的标签,同时带有语义

  • <b> </b>定义粗体文本
  • <i> </i>定义斜体文本
  • <big> </big>定义大号文本
  • <small> </small>定义小号字体文本
  • <sup> </sup>上标文本
  • <sub </sub>下标文本
  • <bdo> </bdo>定义文本显示方向,属性dir,值为ltr,rtl

输出类标签

  • <pre></pre>原样输出
  • <code></code>定义代码文本
  • <kbd></kbd>定义键盘文本
  • <var></var>定义变量

功能类标签

  • <a></a>定义超链接或锚点
  • <ul> <li></li></ul>定义无序列表
  • <ol><li></li></ol>定义有序列表
  • <iframe></iframe>页面嵌套
  • <dl></dl> <dt></dt> <dd></dd>项目列表描述
  • <img>标签 属性有src="1.jpg" alt="替代文本" width="宽" height="长"
  • <map></map>定义图像映射
  • <area></area>定义图像映射内部区域
  • <base></base>基础连接
  • <table></table>定义表格
    • <caption></caption> 表格标题
    • <th></th>表格页眉
    • <tr></tr>表格的行
    • <td></td>表格的单元格
    • <thead></thead>表格的头部
    • <tbody></tbody>表格的主干
    • <tfoot></tfoot>表格的尾部
  • <form></form>表单
    • <input></input>输入域。有type属性,alt属性,src属性,checked属性,disable属性等
    • <textarea></textarea>文本输入区,其属性有cols,rols,disabled,name,readonly
    • <button></button>按钮,其属性有type(reset,button,submit),name,value,disabled
    • <select></select>下拉菜单,属性有disabled,multipe,name,size
    • <optgroup></optgroup>定义选项分组,有label属性和disabled属性
    • <option></option>定义下拉列表选项,属性有disabled,label,selected,value
    • <fieldest></fieldest>表单中相关元素分组
    • <legend></legend>定义分组标题

html基础知识

标签:base   value   checked   分割线   orm   lin   下拉   页面   tip   

原文地址:http://www.cnblogs.com/Advanced/p/7077128.html

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