前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML基础复习(一)

HTML基础复习(一)

作者头像
用户1667431
发布2018-04-18 16:11:12
9640
发布2018-04-18 16:11:12
举报
文章被收录于专栏:大数据钻研大数据钻研

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>

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-04-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 大数据钻研 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档