HTML Tutorial

18、HTML_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:38 AM

HTML

超文本标记语言（Hyper Text Markup Language）。

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

HTML标签

由尖括号包围的关键词。如：

通常是成对出现的，开始标签和结束标签。如：和

HTML文档

用来描述网页。

包含HTML标签和文本。

文档的结构

<!DOCTYPE html><html lang="zh-CN">    <head>        <title>网页标题</title>        <meta charset="gb2312">        <meta name="keywords" content="关键字">        <meta name="description" content="详细描述">    </head><body>    网页内容</body></html>

常用特殊字符

显示    代码   <      <   >      >&      &   "      "&copy;      &copy;   &reg;      &reg;&times;      &times;   &divide;      &divide;￥     &yen;   &sect;      &sect;￡     &pound;   ￠     &cent;

常用HTML标签

注释

定义规范

三种文档类型：Strict、Transitional 以及 Frameset。

超链接

外链：百度
页内：啊跳转到啊
邮箱：点击发邮件

署名

用来定义署名地址。

标题

定义最大的标题。

定义最小的标题。

换行

不产生一个新段落的情况下进行换行,接着上一行换行。

段落

产生一个新段落，换行空一行。

左中右对齐

预格式文本

用于显示预先在源代码中定义好的格式。

居中对齐

使内容居中对齐。

水平线

在 HTML 页面中创建一条水平线。

size高度 color 颜色 width长度

文字

用来定义文字字体样式大小颜色等。

滚动标签

direction方向 bihavior方式=scroll（一直滚）slide（一次）alternate（交替式）loop次数 scrollamount速度

图片

在网页中显示图片。

vspace hspace文字间距 align 与文本对齐方式

有序列表

数字/编号自动排序 type="1 a A i I "

无序列表

可实心空心方形

文字样式

b粗体 i斜体 u下划线 del删除线 span em strong cite code kbdsamp sub sup var acronym abbr dfn bdo

表格

定义一个表格 border cellspacing设置内框宽度 cellpadding 文字与边框的距离。
行
表格中的行还可以设置tfoot th tbody thead来分组。
单元格			表格中的单元格 rowspan合并行 colspan合并列。
表单		method="post get" action="http://www.baidu.com/login.aspx" method提交方式 action提交地址
文本框		type="text" name="name" value="value" size="20" maxlength="20" size长度 maxlength最大长度
隐藏域		type="hidden" name="hidden" value=""
密码框		type="password" name="name" value="value" size="20" maxlength="20"
单选按钮		type="radio" name="name" value="value" checked="checked" name相同为一组 value区分值单选
复选按钮		type="checkbox" name="name" value="value" checked="checked" name相同为一组 value区分值多选
下拉列表		type="checkbox" name="name" size="4" 下面加一组选择框
文本域		rows="1" cols="10" onpropertychange="this.style.posHeight=this.scrollHeight"
按钮		type="button submit reset" name="name" 按钮 submit 提交当前表 reset 重置表单
框架		插入框架
背景颜色	Bgcolor
背景图片	BgcGround

常用技巧

禁止选取复制
10秒后跳转
ico图标
背景音乐
首页	设为首页
收藏夹	加入收藏夹

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PM

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

What is the viewport meta tag? Why is it important for responsive design?Mar 20, 2025 pm 05:56 PM

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

How do I use the HTML5 <time> element to represent dates and times semantically?Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

See all articles