超文本标记语言（英语：HyperText Markup Language，简称：HTML）

时间：2018-09-19 11:34:05 阅读：248 评论：0 收藏：0 [点我收藏+]

标签：编程语言换行 https 信息 border href 效果手工 lang

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析
相对于整个网页，大模块左边距离别写固定值，因为用户分辨率、电脑尺寸不一样
:
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML; 包含很多因素;音乐，文字，链接，图片等 <!DOCTYPE html>----H5起手式（写代码时注意浏览器兼容问题）
http:/ /www.iis7.com/a/lm/zzxzgj/
:
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
开头HTML文档申明, meta 页面信息描述的标记告诉计算机这是一个HTML文档，结尾也有HTML标志。body可见元素，head不可见元素，，title标题，utf-8国际通用编码
:
HTML 元素语法：
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
:
HTML 属性:
属性值应该始终被包括在引号内
属性是 HTML 元素提供的附加信息。
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"
属性的作用就是为元素提供更多的信息，大多数元素都可以拥有属性
属性的语法；<标签属性1=参数1> 注意空格的使用
HTML元素;开始到结束的所有代码。没有结束标签的就是单标签
:
HTML <head> 元素
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接
：
meta标签描述了一些基本的元数据。
<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
<meta> 一般放置于 <head> 区域。
只有 <body> 区域 (白色部分) 才会在浏览器中显示。
:
HTML 标签:
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。
<h1>最大,h标签表示标题,会自动换行，直到<h6>
<p> 表示一个段落会自动换行
<hr> 标签在 HTML 页面中创建水平线
<b>元素；作用就是，加粗文字
<strong>作用也是加粗文字
<br>元素；换行
<i>元素；文字倾斜
<del>元素；文字删除线
<em>元素作用是强调实际作用也是让文字倾斜
<s>元素作用删除线语义表示不准确的删除
<u>元素作用给文字加下划线
<ins>元素作用也是给文字下划线，起到强调作用
<small>元素缩小字体
<big>元素放大字体
<sub>表示下标
<sup>表示上标
<pre>元素空行和空格进行控制
<dfn>元素.表示定义术语或者对一个词或短语的解释实际效果就是倾斜文本
<abbr>元素.一段文本的缩写在文本显示上没有任何效果如WTO
<q>元素作用从语义上来看是引用其他地方的内容实际作用就是给文本加上双引号
<code>计算机输出
<kbd>键盘输入
<tt>打字机文本
<samp>计算机代码样本
<var>计算机变量
<ruby>元素.作用表示文字上方或右方的注音符号，不常用很多浏览器不支持此功能
<cite>元素作用语义上来看表示引用其他作品的标题实际效果就是倾斜
<bdo>元素作用设置文字方向必须使用dir属性才可以设置共两个值 rtl、从右到左 ltr，从左到右默认为ltr，tfel，ot <thgir> 是左到右就是ltr
<mark>元素.作用突出文本用于记号实际作用就是加一个×××背景
<time>元素.作用从语义上来看就是表示时间和日期 2018-4-27
<style>：样式标记为属性使用
<div>: 是独占一行的它可以嵌套(包含)许多标签
<span>: 元素也没有特定的含义，是内联元素，可用作文本的容器
：
超链接：
a href="地址"
不知道链接去哪用“#”表示是空连接
：
img(图片)：也可以放动图
src：必要属性，制定图片来源路径，alt当图片无法显示时代替文字
width和height 指定图片的宽和高单位是像素或百分比
网络图片>看属性(地址）>输入地址
下载.图片地址+下载
图片和html，在本地(我的电脑),相对路径
图片和网络地址是绝对路径
图像的名称和尺寸是以属性的形式提供的。
：
target属性有四个值：
-self当前位置当前页面关闭
-blank新窗口不会关闭当前页面
-top最顶层框架
-parent父框架，返回它的上一层页面
：
ID属性：通用属性可以理解为元素的×××
name：可以理解为元素的名字
：
<table></table>表格
<tr></tr>行 valign="bottom"行中内容的中上下 top middle bottom
<td></td>列 valign="top middle bottom"列中内容的中上下
<th></th>字自动加粗
cellpadding="#"文字到边框的距离（全部网格的距离）
cellspacing="#边框的间距"
background="imgs" jpg(背景图片)
标记具有就进原则
colspan="列数"合并行
rowspan="行数"合并列
注意：行列都有合并，先列后行
：
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置。
多数情况下被用到的表单标签是输入标签（<input>）。
输入类型是由类型属性（type）定义的。
form：表单可以直接输入文字可分行
<input type="text">文本输入框：常用于：搜索框，用户名输入框
<input type="password">密码文本输入框：密码输入时变成黑点
<input type="button" value="按钮上的字" 按钮
<input type="text" style="width: #"> 设置文本框宽度
<input type="checkbox" name="vehicle" 复选
<input type="radio" name="sex" 单选
<input type="submit">提交按钮
<input type="image" 图片按钮
<input type="reset"重置一定要有<form></form>才可以有效
<textarea></textarea> 用户可书写文本区域
maxlength 允许最大字符数
<select> 下拉表单
<option></option> 关于多种选择例如城市
：
<Iframe>框架，定义一个内联的iframe。
<rameborder> 属性用于定义iframe表示是否显示边框，设置属性值为 "0" 移除iframe的边框
iframe可以显示一个目标链接的页面，目标链接的属性必须使用iframe的属性如：iframe_a
：
HTML 颜色由红色、绿色、蓝色混合而成。
HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。
：
HTML 脚本：
JavaScript 使 HTML 页面具有更强的动态和交互性。
<script> 标签
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容
：
字符实体：
空格：
< 小于号：< <

大于号：> >
& 和号：& &
" 引号：" "
‘ 撇号：' (IE不支持) '
￠分：¢ ¢
￡镑：£ £
￥：人民币/日元 ¥ ¥
€：欧元 € €
§：小节 § §
?：版权 © ©
?：注册商标 ® ®
?：商标 ™ ™
×：乘号 × ×
÷：除号 ÷ ÷
：
HTML 统一资源定位器(Uniform Resource Locators)
URL 是一个网页地址。
URL可以由字母组成，如"runoob.com"，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为名字比数字更容易记住。
URL - 统一资源定位器
Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。
一个统一资源定位器(URL) 用于定位万维网上的文档
URL 字符编码
URL 只能使用 ASCII 字符集.
来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
scheme：定义因特网服务的类型。最常见的类型是 http。
host：定义域主机（http 的默认主机是 www）。
domain：定义因特网域名，比如 runoob.com。
:port：定义主机上的端口号（http 的默认端口号是 80）。
path：定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename：定义文档/资源的名称。
以下是一些URL scheme(方案)：
http：超文本传输协议以 http:// 开头的普通网页。不加密。
https：安全超文本传输协议安全网页，加密所有信息交换。
ftp：文件传输协议用于将文件下载或上传至网站。
file：您计算机上的文件。
：
<ul>无序列表，自带左侧40px距离
<ol>有序列表
<li>
<dl> <dt> <dd> 自定义列表 dd是描述dt的元素，如图片描述。不可以插入块级元素。
disc 定义圆点
circle 定义圆圈
square 定义正方形
：
cursor: pointer(鼠标经过时变成手的样子)
rgba(1.红 2.绿 3.蓝 4.透明度)
ctrl+f ：查找与替换
2个汉字==4个英文字
：
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
HTML 的关键是标签，其作用是指示将出现的内容。
：
HTML - XHTML
XHTML 是以 XML 格式编写的 HTML。
什么是 XHTML?
XHTML 指的是可扩展超文本标记语言。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是以 XML 应用的方式定义的 HTML。
XHTML 是 2001 年 1 月发布的 W3C 推荐标准。
XHTML 得到所有主流浏览器的支持。
XML 是一种必须正确标记且格式良好的标记语言。
：
HTML 助手（插件）
辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。
辅助程序可用于播放音频和视频（以及其他）。辅助程序是使用 <object> 标签来加载的。
使用辅助程序播放视频和音频的一个优势是，您能够允许用户来控制部分或全部播放设置。
插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。
大多数辅助应用程序允许对音量设置和播放功能（比如后退、暂停、停止和播放）的手工（或程序的）控制
我们可以使用 <video> 和 <audio> 标签来显示视频和音频
<object> 元素：(关键：Data)
<object> 元素定义了在 HTML 文档中嵌入的对象。
该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器)
<embed> 元素 : (关键：src)
<embed> 元素表示一个 HTML Embed 对象
<embed> 元素没有关闭标签。不能使用替代文

标签：编程语言换行 https 信息 border href 效果手工 lang

原文地址：http://blog.51cto.com/13941970/2176909

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行