Html学习---2
来源:互联网 发布:linux echo命令颜色 编辑:程序博客网 时间:2024/05/25 18:11
HTML 段落
HTML 可以将文档分割为若干段落。
HTML 段落
段落是通过<p>
标签定义的。
浏览器会自动地在段落的前后添加空行。(</p>
是块级元素)
不要忘记结束标签
HTML 折行
如果希望在不产生一个新段落的情况下进行换行(新行),请使用 <br/>
标签 <br/>
元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
HTML 输出- 使用提醒
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
HTML 文本格式化
HTML 使用标签 <b>
(“bold”) 与<i>
(“italic”) 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签
通常标签 <strong>
替换加粗标签 <b>
来使用, <em>
替换 <i>
标签使用。
然而,这些标签的含义是不同的:
<b>
与<i>
定义粗体或斜体文本。
<strong>
或者 <em>
意味着你要呈现的文本是重要的,所以要突出显示。
HTML 文本格式化标签
标签 。。。 描述 <b>
定义粗体文本 <em>
定义着重文字 <i>
定义斜体字 <small>
定义小号字 <strong>
定义加重语气 <sub>
定义下标字 <sup>
定义上标字 <ins>
定义插入字 <del>
定义删除字
HTML “计算机输出” 标签
标签 。。。描述 <code>
定义计算机代码 <kbd>
定义键盘码 <samp>
定义计算机代码样本 <var>
定义变量 <pre>
定义预格式文本
HTML 引文, 引用, 及标签定义
标签。。。 描述 <abbr>
定义缩写 <address>
定义地址 <bdo>
定义文字方向 <blockquote>
定义长的引用 <q>
定义短的引用语 <cite>
定义引用、引证 <dfn>
定义一个定义项目。
HTML 链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML 超链接(链接)
HTML使用标签 <a>
来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签<a>
中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
HTML 链接语法
链接的 HTML 代码很简单。
它类似这样: <a href="url">链接文本</a>
href 属性描述了链接的目标。
“链接文本” 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性
使用 target 属性,你可以定义被链接的文档在何处显示。
HTML 链接- id 属性
id属性可用于创建在一个HTML文档书签标记。
提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。
基本的注意事项 - 有用的提示
注释: 请始终将正斜杠添加到子文件夹。假如这样书写链接href="http://www.runoob.com/html"
:,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.runoob.com/html/"
。
HTML <head>
元素 <head>
元素包含了所有的头部标签元素。在 <head>
元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: <title>
,<style>
, <meta>
, <link>
,<script>
,<noscript>
, and <base>
.
HTML <title>
元素 <title>
标签定义了不同文档的标题。 <title>
在 HTML/XHTML 文档中是必须的。 <title>
元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
HTML <base>
元素 <base>
标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接
HTML <link>
元素 <link>
标签定义了文档与外部资源之间的关系。 <link>
标签通常用于链接到样式表
HTML <style>
元素 <style>
标签定义了HTML文档的样式文件引用地址.
在<style>
元素中你也可以直接添加样式来渲染 HTML 文档、
HTML<meta>
元素
meta标签描述了一些基本的元数据。 <meta>
标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。 <meta>
一般放置于 <head>
区域
HTML <script>
元素 <script>
标签用于加载脚本文件,如: JavaScript。
HTML head 元素
标签 。。。描述 <head>
定义了文档的信息 <title>
定义了文档的标题 <base>
定义了页面链接标签的默认链接地址 <link>
定义了一个文档和外部资源之间的关系 <meta>
定义了HTML文档中的元数据 <script>
定义了客户端的脚本文件 <style>
定义了HTML文档的样式文件
- HTML学习2:初识HTML
- html学习笔记2
- HTML 学习笔记(2)
- HTML学习笔记2
- HTML学习-2-标签
- css,html学习2
- html学习2
- html学习教程2
- html学习笔记(2)
- HTML学习2
- 学习html(2)
- html 学习笔记2
- Html学习笔记2
- html 学习2
- Html学习笔记2
- HTML学习 <2>
- Html学习笔记2
- HTML快速学习2
- C++ primer学习——类
- 旅行comf BZOJ
- 前端之web-ui框架
- 10npm: relocation error: npm: symbol SSL_set_cert_cb, version libssl.so.10 not defined in file libss
- 面试问题(做一个基础平台需要哪些人才)
- Html学习---2
- Python学习笔记
- 不美翻怎么开发!Ubuntu 16.04 LTS深度美化!!!
- jQuery追加标签 append和appendTo
- 集中存储网关NFV
- 欢迎使用CSDN-markdown编辑器
- 常用RadioGroup+Fragment点击切换,RadioButton图标设置自己想要的位置及大小
- 其他题目---判断一个点是否在矩形内部
- sql find_in_set 和 like的区别