HTML基础复习(一)

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>

原文发布于微信公众号 - 大数据钻研(bigdata118)

原文发表时间:2017-04-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏全沾开发(huā)

如何使用CSS绘制一个响应式的矩形

如何使用CSS绘制一个响应式的矩形 背景: 最近因为需要用到绘制类似九宫格的需求,所以研究了一下响应式矩形的实现方案。 有如下几种方案...

355100
来自专栏杨龙飞前端

checkbox的常见问题

23850
来自专栏实战docker

dubbo服务提供者在tomcat启动失败的问题

dubbo的服务提供者是个web服务,打成war包后在tomcat启动失败,查看tomcat的logs目录下的localhost.2017-05-15.log文...

1.2K100
来自专栏React Native开发圈

React Native悬浮按钮组件

因为用到了react-native-vector-icons图标组件,需要做下link。如果你项目中已经使用了react-native-vector-icons...

30220
来自专栏一“技”之长

Tkinter之Menu组件用法 原

    开发工具类桌面应用使用Python、Java这类语言是一种不错的选择,他们的GUI库都可以很好的支持跨平台特性。本系列博客主要总结Tkinter库中提供...

11620
来自专栏DeveWork

删除 WordPress 导航菜单的多余 CSS 选择器(id或class)

在默认情况下,WordPress 的导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-c...

20180
来自专栏无原型不设计

[桌面版] 在 Mockplus 2.1 (预览版)中使用滚动区

1、添加一个滚动区。为方便查看,可以设置一个背景色 2、双击编辑滚动区 3、点击滚动条两端的按钮可以扩展或收缩滚动区中的内容。在两端按钮按下的同时,按...

27960
来自专栏小筱月

flex 布局

CSS3 为我们提供了一种可伸缩的灵活的 web 页面布局方式 flexbox 布局,它具有很强大的功能,可以很轻松实现很多复杂布局。可以简便、完整、响应式地实...

22220
来自专栏码农阿宇

HTML基础加强

1. 什么是浏览器:解释和执行HTML源码的工具。 2. 什么是静态页面,什么样的页面是动态页面? 静态页面:htm,html(直接读取) 动态网页:asp...

362100
来自专栏闻道于事

第二天0605下午——超链接<a>与图片<img>

今天下午学习了超链接<a>标签和图片<img>标签,以下面代码为例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...

36480

扫码关注云+社区

领取腾讯云代金券