ITPub博客

首页 > 应用开发 > Html/css > 超文本标记语言(英语:HyperText Markup Language,简称:HTML)

超文本标记语言(英语:HyperText Markup Language,简称:HTML)

原创 Html/css 作者:as507169008 时间:2018-09-19 12:53:38 0 删除 编辑

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析

相对于整个网页,大模块 左边距离别写固定值,因为用户分辨率、电脑尺寸不一样

  :

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

HTML 指的是超文本标记语言: HyperText Markup Language

HTML 不是一种编程语言,而是一种标记语言,标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 文档包含了HTML 标签及文本内容

HTML文档也叫做 web 页面

HTML; 包含很多因素;音乐,文字,链接,图片等 <!DOCTYPE html>----H5起手式  (写代码时注意浏览器兼容问题)

  :

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元(meta)数据

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

开头HTML文档申明, meta 页面信息描述的标记 告诉计算机这是一个HTML文档,结尾也有HTML标志。body可见元素,head不可见元素,,title标题,utf-8国际通用编码 

http:/ /

  :

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> 元素中的内容

  :

字符实体:

空格:&nbsp; &#160;

< 小于号:&lt; &#60;

> 大于号:&gt; &#62;

& 和号:&amp; &#38;

" 引号:&quot; &#34;

' 撇号:&apos; (IE不支持) &#39;

分:&cent; &#162;

镑:&pound; &#163;

¥:人民币/日元 &yen; &#165;

€:欧元 &euro; &#8364;

§:小节 &sect; &#167;

?:版权 &copy; &#169;

?:注册商标 &reg; &#174;

?:商标 &#8482;

×:乘号 &times; &#215;

÷:除号 &divide; &#247;

  :

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> 元素没有关闭标签。 不能使用替代文


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/31552074/viewspace-2214474/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-09-14

  • 博文量
    144
  • 访问量
    75532