关于HTML的学习总结

HTML:超文本标记语言

-<!DOCTYPE>声明有助于浏览器中正确显示网页。
-网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
-目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。<meta charset="UTF-8">
-HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素可拥有属性
-HTML 属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name="value"。
-HTML 标题
标题(Heading)是通过 <h1> - <h6> 标签进行定义的.
-HTML <title> 元素
<title> 标签定义了不同文档的标题。
<title> 在 HTML/XHTML 文档中是必须的。
<title> 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
-通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
-HTML 链接语法
href 属性描述了链接的目标。使用 target 属性,你可以定义被链接的文档在何处显示。
-HTML <base> 元素
<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:
<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>
-HTML <link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表。
- <meta> 元素
meta标签描述了一些基本的元数据。不显示在页面上,但会被浏览器解析。用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
-CSS
CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
外部引用 - 使用外部 CSS 文件
-背景色属性(background-color)定义一个元素的背景颜色:
<body style="background-color:yellow;">
</body>
-图像标签( <img>)和源属性(Src),Alt属性
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
alt 属性用来为图像定义一串预备的可替换的文本。
-HTML 表格
表格的表头使用 <th> 标签进行定义。
<caption> 定义表格标题
-HTML 自定义列表
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
 <dt>项目 1</dt>
   <dd>描述项目 1</dd>
 <dt>项目 2</dt>
   <dd>描述项目 2</dd>
</dl>
-HTML 框架
<iframe src="URL"></iframe>
frameborder 属性用于定义iframe表示是否显示边框。<iframe src="demo_iframe.htm" frameborder="0"></iframe>
iframe可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>
-HTML<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容:
-html 统一资源定位器
url:
scheme://host.domain:port/path/filename 
scheme:定义因特网服务的类型,最常见的类型是http
host:  定义域主机。
domain:定义因特网域名,比如 runoob.com
port:定义主机上的端口号
path:定义服务器上的路径
filename:定义文档资源的名称。
-文本格式化
<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd> 
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr> (缩写)
<address> (联系信息)
<bdo> (文字方向)
<blockquote> (从另一个源引用的部分)
<cite> (工作的名称)
<del> (删除的文本)
<ins> (插入的文本)
<sub> (下标文本)
<sup> (上标文本)
-链接
普通的链接:<a href="http://www.example.com/">链接文本</a>
图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>
书签:
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>






































  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值