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

HTML基础之常用标签

时间:2017-04-20 16:12:10      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:内容   put   html基础   link   输入   中文   表单   frame   单元格   

<!DOCTYPE html>    #标记语言文档类型声明
<html lang="en">
<head>      #头部标签
<meta charset="UTF-8">  #字符集
<title>Title</title>
  #head标签内可以定义网页关键字和描述,刷新,跳转,字符集,图标等,

</head>


html标签按占位分为行内标签和块级标签,按使用分为闭合标签和自闭和标签;

列如:块级标签有:h系列标签,p标签,

   行内标签有:<input> <>

 

______________________________________

<html> 网页标签

<head> 头部标签

<body> 页面标签

<p>  段落标签

<h1> 标题标签

<br/>  换行标签

<a>  超链接标签

<img> 图片标签

 

 

——————————————————————

基本


<html>…</html>      定义 HTML 文档
<head>…</head>   文档的信息
<meta>                    HTML 文档的元信息
<title>…</title>        文档的标题
<link>                      文档与外部资源的关系
<style>…</style>    文档的样式信息
<body>…</body>   可见的页面内容
<!--…-->                 注释

 

文本


<h1>...</h1>               标题字大小(h1~h6)
<b>...</b>                   粗体字
<strong>...</strong>   粗体字(强调) 
<i>...</i>                      斜体字 
<em>...</em>              斜体字(强调)
<u>...</u>                   下划线
<del>...</del>              删除线(表示删除)
<center>…</center>   居中文本
<ul>…</ul>                 无序列表 
<ol>…</ol>                 有序列表
<li>…</li>                    列表项目
<a href=”…”>…</a>    超链接

<font>                         定义文本字体尺寸、颜色、大小
<sub>                         下标
<sup>                         上标
<br>                           换行
<p>                            段落

 

图形


<img src=’”…”>   定义图像
<hr>                   水平线

 

表格


<table>…</table>   定义表格
<th>…</th>            定义表格中的表头单元格
<tr>…</tr>             定义表格中的行
<td>…</td>           定义表格中的单元

 

其它


<form>…</form>    定义供用户输入的 HTML 表单
<frame>                 定义框架集的窗口或框架

 

 

另加16进制颜色,但仅仅有16种颜色名可用英文字母,其余的要用16进制值。 记住哦!

 

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

 

 

HTML基础之常用标签

标签:内容   put   html基础   link   输入   中文   表单   frame   单元格   

原文地址:http://www.cnblogs.com/hanfuming/p/6739216.html

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