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

HTML基础复习(一)

时间:2017-04-07 13:35:46      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:元素   信息   org   字体   html注释   cell   tab   ble   内容   

HTML:超文本标记语言(HyperText Markup Language),不是一种编程语言,是标记语言
HTML元素:
<p>段落</p>
HTML标签:
<p>段落</p>
HTML声明:<!DOCTYPE>并不是标签
HTML5:<!DOCTYPE html>
HTML4.0.1 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
HTML标题:
<h1>~<h6>
标题很重要,不要仅仅为了字体样式而使用,搜索引擎使用标题编制索引
HTML段落:
<p>...</p>
如果要在段落中换行,用<br/>
HTML链接:
<a href = "http://www.runoob.com">...</a>
链接中的target属性:
target值 描述 示例
_blank 在新窗口打开链接 <a href = "http://www.runoob.com" target="_blank">...</a>
_self 默认,相同框架中打开链接 <a href = "http://www.runoob.com" target="_self">...</a>
_parent 在父框架中打开链接 <a href = "http://www.runoob.com" target="_parent">...</a>
_top 在整个窗口中打开链接 <a href = "http://www.runoob.com" target="_top">...</a>
framename 在指定的框架中打开链接  
链接中的id属性:
<a id="tar">我在这里</a>
......
<a href="#tar">跳转</a>
 
HTML图像:
<img src = "" width="" height=""/>
HTML换行(空元素):
<br/>
HTML水平线:
<hr/>
HTML整个文档:
<html>...</html>
HTML内容主体:
<body>...</body>
HTML头:
<head></head>
可以添加在head内的标签有:title、style、link、script、noscript、base
HTML<link>:
只能在head中
空元素,只有属性
<link rel = "stylesheet" type = "text/css" href = "/dir/theme.css"/>
HTML<style>:在head内
定义样式文件的引用地址
<style type="text/css">
h1 {color: yellow}
p {color: red}
</style>
HTML元数据:在head内
定义关键字:<meta name="keywords" content = "HTML,css,xml"/>
定义描述内容:<meta name="description" content = "学习html"/>
定义网页作者:<meta name="author" content = "Demi"/>
定义元字符集:<meta charset = "UTF-8"/>
定义网页刷新(每三十秒刷新一次):<meta http-equiv="refresh" content="30"/>
HTML<base>:在head标签内
<base href="http://......" targe="_blank" />定义页面中所有链接默认的目标地址。
HTML属性:
属性是HTML元素提供得附加信息
一般以名称/值对的形式
一般描述在开始标签中
举例:<a href = "http://www.runoob.com">...</a>
属性值一般以双引号包含,单引号也可以;但是在内容本身有双引号的时候,必须用单引号包含,比如:name = ‘aaaaa "bbbbb"ooooo‘
常见属性:class、id、style、title……
HTML注释:
<!--注释-->
HTML空行与空格:
所有连续的空格和空行都会被算作一个空格
HTML加粗:
<b>...</b>
<strong>...</strong>
HTML斜体:
<i>....</i>
<em>...</em>
HTML字体放大:
<big></big>
HTML字体缩小:
<small></small>
HTML上标:
<sup></sup>
HTML下标:
<sub></sub>
HTML预格式文本:保留空格与换行,适合显示代码
<pre>...</pre>
HTML缩写:
<abbr title="People`s Republic of China">PRC</abbr>
HTML删除文本:
<del>...</del>
HTML下划线:
<ins>...</ins>
 
 
 
 

HTML基础复习(一)

标签:元素   信息   org   字体   html注释   cell   tab   ble   内容   

原文地址:http://www.cnblogs.com/YanRuYu-MoRuHua/p/6677600.html

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