HTML学习笔记-2

最新推荐文章于 2024-01-28 06:52:58 发布
最新推荐文章于 2024-01-28 06:52:58 发布
阅读量113 收藏
点赞数
分类专栏： Python 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zswheart/article/details/79643031
版权

标签描述
<style>定义样式定义。
<link>定义资源引用。
<div>定义文档中的节或区域（块级）。
<span>定义文档中的行内的小块或区域。
<font>规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont>定义基准字体。不赞成使用。请使用样式。
<center>对文本进行水平居中。不赞成使用。请使用样式。

图像标签

标签描述
<img>定义图像。
<map>定义图像地图。
<area>定义图像地图中的可点击区域。

表格标签

表格描述
<table>定义表格
<caption>定义表格标题。
<th>定义表格的表头。
<tr>定义表格的行。
<td>定义表格单元。
<thead>定义表格的页眉。
<tbody>定义表格的主体。
<tfoot>定义表格的页脚。
<col>定义用于表格列的属性。
<colgroup>定义表格列的组。

列表标签

标签描述
<ol>定义有序列表。
<ul>定义无序列表。
<li>定义列表项。
<dl>定义定义列表。
<dt>定义定义项目。
<dd>定义定义的描述。
<dir>已废弃。使用 <ul> 代替它。
<menu>已废弃。使用 <ul> 代替它。

使用 HTML5 的网站布局

HTML5 提供的新语义元素定义了网页的不同部分：

HTML5 语义元素

header定义文档或节的页眉
nav定义导航链接的容器
section定义文档中的节
article定义独立的自包含文章
aside定义内容之外的内容（比如侧栏）
footer定义文档或节的页脚
details定义额外的细节
summary定义 details 元素的标题


HTML iframe 标签

标签描述
<iframe>定义内联的子窗口（框架）

标签描述
<script>定义客户端脚本。
<noscript>为不支持客户端脚本的浏览器定义替代内容。

HTML <head> 元素

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

HTML <title> 元素

<title> 标签定义文档的标题。

title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够：

  • 定义浏览器工具栏中的标题
  • 提供页面被添加到收藏夹时显示的标题
  • 显示在搜索引擎结果中的页面标题

一个简化的 HTML 文档：

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：

<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>

HTML <link> 元素

<link> 标签定义文档与外部资源之间的关系。

<link> 标签最常用于连接样式表：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

HTML <style> 元素

<style> 标签用于为 HTML 文档定义样式信息。

您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> 元素

元数据（metadata）是关于数据的信息。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

<meta> 标签始终位于 head 元素中。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

针对搜索引擎的关键词

一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

下面的 meta 元素定义页面的描述：

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

下面的 meta 元素定义页面的关键词：

<meta name="keywords" content="HTML, CSS, XML" />

name 和 content 属性的作用是描述页面的内容。

HTML <script> 元素

<script> 标签用于定义客户端脚本，比如 JavaScript。

我们会在稍后的章节讲解 script 元素。

HTML 头部元素

标签描述
<head>定义关于文档的信息。
<title>定义文档标题。
<base>定义页面上所有链接的默认地址或默认目标。
<link>定义文档与外部资源之间的关系。
<meta>定义关于 HTML 文档的元数据。
<script>定义客户端脚本。
<style>定义文档的样式信息。


HTML 中有用的字符实体

注释：实体名称对大小写敏感！

显示结果描述实体名称实体编号
 空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
'撇号 &apos; (IE不支持)&#39;
￠分（cent）&cent;&#162;
£镑（pound）&pound;&#163;
¥元（yen）&yen;&#165;
€欧元（euro）&euro;&#8364;
§小节&sect;&#167;
©版权（copyright）&copy;&#169;
®注册商标&reg;&#174;
™商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

URL Schemes

以下是其中一些最流行的 scheme：

Scheme访问用于...
http超文本传输协议以 http:// 开头的普通网页。不加密。
https安全超文本传输协议安全网页。加密所有信息交换。
ftp文件传输协议用于将文件下载或上传至网站。
file 您计算机上的文件。



大河柳树
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML学习笔记-01
01-08
一、什么是HTML？ HTML：超文本标记语言（HyperText Markup Language）——编辑页面,实现页面内容的计算机语言 HyperText ：超文本 Markup：标记 Language：语言 知识点： ... 原创文章 2获赞 1访问量 53
学习笔记HTML-css-JS.zip
最新发布
03-17
学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...
HTML 头部元素
不再想当菜鸟了
03-11 627
亲自试一试 - 实例 文档的标题 标题定义文档的标题。所有链接一个目标如何使用 base 标签使页面中的所有标签在新窗口中打开。文档描述使用 元素来描述文档。文档关键词使用 元素来定义文档的关键词。重定向用户如何把用户重定向到新的网址。 HTML 元素 元素是所有头部元素的容器。 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。 以下标签都可以添加到
HTML里的块级元素和行级元素
RuiHao-He的博客
03-16 466
HTML部分 HTML超文本标记语言，描述了一个网站的结构，是一种标记语言而非编程语言。 HTML文件固定语句的含义 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> &...
5. 块元素、行内元素
quanxiaobai_的博客
04-14 66
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 块元素（block element） -在网页中一般通过块元素来对页面进行布局 行内元素（inline element）
第十章：练习题
m0_60630438的博客
09-07 4494
一、单选题 1．下面哪一个标签不能放在head标签内？（　） A．title标签 B．style标签 C．body标签 D．script标签 2．如果网页中出现乱码，我们一般使用（　）来解决。 A． B． C． D．<link type="text/css"rel="stylesheet"href=“css/index.css”> 3．下面选项中，属于HTML正确注释方式的是（　）。 A．//注释内容 B．/注释内容/ C． D．//注释内容// 二、编程题 不借助开发工具代码提示，默写HTML
一文读懂HTML的头部内容，希望有所帮助
7旅病娘的博客
12-06 1706
一文读懂HTML的头部内容，希望有所帮助。
bootstrap学习笔记-html5
12-22
bootstrap学习笔记-html5 各类简单案例，适合初学者
【前端学习】HTML学习笔记-JS进阶
01-08
JS里面的对象 全局对象window 浏览器上是window ...如果是var n=2声明方式的话，n本不应该有任何属性，但是js发明者为了方便开发者应用，从中做了处理，可以出现类似于n.toString n.name = ‘nihao
HTML学习笔记--HTML的语法详解(必看)
09-28
下面小编就为大家带来一篇HTML学习笔记--HTML的语法详解(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考，一起跟随小编过来看看吧
小红帽学前端 | 1.2 了解 head 元素
小红帽的博客
09-01 250
前言 我们上次大概了解了 HTML 的那么一个结构。其中讲到我们有一个 head 元素，这个东西不能简单讲完。所以这边我们单独挖出来讲讲。 1 定义 学之前还是要先知道人家是啥，其实 head 元素人家也是一个元素，但是与一般元素不同，人家一般元素的内容是会显示在浏览器页面上的。head 元素里面的内容是不会显示在浏览器中的。他里面放着的是文档的各种属性和信息，包括文档的标题，样式和脚本的引用，元...
HTML标签——＜head＞、＜meta＞、＜h＞、＜p＞、列表（＜ul＞、＜ol＞、＜dl＞）、分区、实体引用、＜img＞、路径、＜a＞、表格＜table＞、行分组
qq_43575044的博客
10-18 1657
HTML 1、<head>元素的作用 <head>元素是所有头部元素的容器。 <head>内的元素可声明元信息，指示浏览器在何处可 以找到样式表，包含的脚本，等等。 以下标签都可以添加到head部分∶ <title>、<meta>、<link>、<style>、<script>等 2、<meta>元标签 属性 值 charset character encoding——定义文档的字
HTML - 头部元素
weixin_72262657的博客
01-28 820
如果你的 HTML 文档的语言设置好了，那么你的 HTML 文档就会被搜索引擎更有效地索引（例如，允许它在特定于语言的结果中正确显示），对于那些使用屏幕阅读器的视障人士也很有用（例如，法语和英语中都有“six”这个单词，但是发音却完全不同）。已经到了我们快速学习 HTML 头部的尾声——你还能学到更多的相关的，但是现阶段详尽的讲的太多会令人无聊且困惑，我们只希望你现在在这学到最基本的概念！我们在这里的目的不是向你展示如何使用所有可能放在头部的东西，而是教你如何熟悉使用你想要包括在头部的主要元素。
head包含元素简介
weixin_30502965的博客
09-09 369
head包含元素简介 <head>元素包含了所有的头部标签元素，在head中你可以插入脚本（scripts）,样式文件（CSS）,及各种meta信息，可以添加到头部区域的元素为 <title>定义网页的标题(浏览器工具栏标题，搜素引擎结果页面标题，收藏夹标题) <meta>用来定义页面的特殊信息（页面关键字，页面描述） ，描述了一些基本的元数...
Html_Head部分及基本块级标签
ahty的专栏
05-27 977
主要总结内容总结如下： 1. ： Html的文档类型声明。 声明该文件是Html 5文件， 让浏览器按照Html 5准备进行解析显示。 文档声明在Html文件中必须要有，而且必须写在文件最上方。 如： 2. 注释： 写给程序员看的，网页不显示。 html中的注释的快捷键是：“Ctrl+/”。 3. 头
HTML <head>
笔杆__的博客
07-04 316
HTML 元素： 元素是所有头部元素的容器。 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。 以下标签都可以添加到 head 部分：、、、、
HTML 头部
jiaomubai的博客
09-21 2495
html 头部元素介绍
HTML头部
m0_71603508的博客
06-25 307
HTML <head> 元素 <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。 HTML <title>..
head 元素
huyao的博客
04-16 407
HTML meta 标签总结与属性使用介绍MDN中meta讲解移动端重构系列2——新建空白页面可用于&lt;head&gt;元素内的元素有: &lt;title&gt;, &lt;base&gt;, &lt;link&gt;, &lt;style&gt;, &lt;meta&gt;, &lt;script&gt;, &lt;noscript&gt;, &lt;command
javascript学习笔记--查看html元素和改变html的内容
06-01
好的，我可以为您解答关于 JavaScript 学习笔记方面的问题。针对您的问题，查看 HTML 元素和改变 HTML 内容是 JavaScript 中非常常见的操作之一，我们可以通过以下几种方式实现： 1. 通过 `document.getElementById()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 ID 值。例如： ``` let elem = document.getElementById("my-element"); ``` 2. 通过 `document.querySelector()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 CSS 选择器。例如： ``` let elem = document.querySelector(".my-class"); ``` 3. 通过 `innerHTML` 属性获取或设置 HTML 元素的内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.innerHTML); // 获取元素的内容 elem.innerHTML = "新的内容"; // 设置元素的内容 ``` 4. 通过 `textContent` 属性获取或设置 HTML 元素的文本内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.textContent); // 获取元素的文本内容 elem.textContent = "新的文本内容"; // 设置元素的文本内容 ``` 希望这些信息能够帮助您更好地了解如何在 JavaScript 中查看 HTML 元素和改变 HTML 内容。如果您有其他问题，请随时向我提出。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值