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

HTML(1)

时间:2016-04-29 01:31:09      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

HTML语言简介 基本标准结构

Hyper Text Markup Language 超文本标记语言

HTML编写源代码经过浏览器的渲染成为我们看到的网页

作用:格式化网页的内容,如标题,内容,表格,图片,视频等
更为重要的是标记内容的类型。

最新版本 HTML5


1 HTML都是纯文本的

2 HTML使用Tag进行标记

3 Tag的语法格式: <tag>内容</tag>

4 HTML的Tag有很多种,表示不同的内容

<h1>标题</h1> <p>标题</p>..


编写时要使用纯文本编辑器(记事本 Sublime..).html文件

 


<!doctype html> 标识是一个HTML文件

<html lang="zh-CN"(属性)>
   <head>
       <meta (源数据)charset="utf-8">
       <meta name="description" conent="....">
       <meta name="keywords"(关键字) content="...,...,">
       <title>....</title>(head里能显示出来的内容)
   </head>
 <body>
     ....
 </body>
</html>

 

 

常用文本(Text)Tag
标题:<h1></h1> <h2></h2> <h3></h3>...

段落:<p></p> <br></br>(换行)

标记重点内容:<em></em> 倾斜 <strong></strong>加粗 可以作为搜索引擎的关键字

改变文字显示:<b></b> <i></i>

标记内容:<span> </span> 分割隔离出一段文集

分割线:<hr>

引用:<blockquote cite(一个属性)=".."(引用于哪里)></blockquote>

代码:<pre></pre>

 

 

列表(List):
有序列表:<ol><li></li></ol>

无序列表:<ul><li></li></ul>

列表嵌套:<ul><li><ul><li></li></ul></li></ul>

定义列表:<dl><dt></dt><dd></dd></dl>

 


链接标签(Link):
链接到本网页的其他位置:
<a href(超链接参考点)="#somewhere">link</a>
<p id(所有元素可添加的标记名字不可重复)="somewhere">....</p>

链接到其他网页:
<a href="wenjian.html">wenjian</a>
<a href="www....">...</a>

 

图片 视频(img):

插入一张图片:<img src="xxx.jpg" alt="abc.net logo" title="abc.net logo">


插入一个优酷视频:

 

HTML(1)

标签:

原文地址:http://www.cnblogs.com/cj0086/p/5444821.html

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