首页 > Web开发 > 详细

Html

时间:2016-01-25 16:59:35      阅读:145      评论:0      收藏:0      [点我收藏+]

什么是HTML

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: Hyper Text Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

html结构:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>

DOCTYPE 

<!DOCTYPE html>  

Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档

Meta(metadata information)

提供有关页面的元信息,例:页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词

  • 页面编码(告诉浏览器是什么编码)

< meta http-equiv=“content-type” content=“text/html;charset=utf-8”>

  • 刷新和跳转

< meta http-equiv=“Refresh” Content=“30″>

< meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />

  • 关键词

< meta name="keywords" content="博客园,IT技术,老男孩" >

  • 描述
<meta name="description" content="博客园是一个面向开发者的知识分享社区。自创建以来,博客园一直致力并专注于为开发者打造一个纯净的技术交流社区,推动并帮助开发者通过互联网分享知识,从而让更多开发者从中受益。博客园的使命是帮助开发者用代码改变世界。">

Title

网页头部信息 

<title>58同城一个神奇的网站!!!</title>

Link

1.css

< link rel="stylesheet" type="text/css" href="css/common.css" >        #放置style样式的文件

2.icon

< link rel="shortcut icon" href="image/favicon.ico">           #放置favicon图片的地方

Style

在页面中写样式

例如:
< style type="text/css" >
.bb{
      background-color: red;
   }
< /style> 

style样式可以写在单个css文件中,也可以写在<head> <head/>中或单独配置!

Script

  1. 引进文件

< script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"> </script >

  1. 写js代码

< script type="text/javascript" > ... </script >

上述这些一般都是在head中设置。

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

标签一般分为两种:块级标签 和 行内标签

HTML 链接

HTML 链接是通过标签 <a> 来定义的.

<a href="http://www.autohome.com.cn">点击跳转</a>
<a target="_blank" href="http://www.9888.cn">点击跳转</a>

target属性,_black表示在新的页面打开

HTML 段落

HTML 段落是通过标签 <p> 来定义的.

p表示段落,默认段落之间是有间隔的!

br 是换行

<!DOCTYPE html>
<html>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一<br>个段落。</p>
</body> </html>

HTML 标题

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.

<!DOCTYPE html>
<html>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

HTML 图像

HTML 图像是通过标签 <img> 来定义的.

<html>
<body>

<img src="/images/w3cschool.png" width="300" height="120" />

</body>
</html>

 

 

  

 

 

 

 

 

 

 

Html

原文:http://www.cnblogs.com/saneri/p/5157739.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!