HTML学习笔记07-头部

最新推荐文章于 2022-05-26 22:03:21 发布
最新推荐文章于 2022-05-26 22:03:21 发布
阅读量140 收藏
点赞数
分类专栏： HTML 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a54288447/article/details/80826394
版权

HTML <head> 元素

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.


HTML<title>元素

<title>元素定义了文档的标题

也就是在浏览器最上面显示的标题，在浏览器收藏夹显示的标题，搜索引擎结果显示页面的标题。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>文档标题</title>
</head>
 
<body>
文档内容......
</body>
 
</html>




HTML <base> 元素

<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<base href="http://www.runoob.com/images/" target="_blank">
</head>

<body>
<img src="logo.png"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.runoob.com/images/logo.png"
<br><br>
<a href="http://www.runoob.com">菜鸟教程</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。

</body>
</html>


可以理解为图片全都是放在http://www.runoob.com/images/这个文件下的，src只需要传不同图片的名字，就能展示不同的图片，默认会拼接成http://www.runoob.com/images/logo.png 这样的地址



HTML<style>元素

<style>标签定义了HTML文档的样式文件引用地址

<style type="text/css">

也可以用style元素直接添加样式，之前样式的那一篇



HTML<meta>元素

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据

为搜索引擎定义关键词:

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

为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:

<meta name="author" content="Runoob">

每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">


HTML <script> 元素

<script>标签用于加载脚本文件，如： JavaScript。




梦忆安凉
关注
专栏目录
HTML学习笔记--表单标签
lhmlxc1314的博客
11-30 279
HTML学习笔记–表单标签 文章目录HTML学习笔记--表单标签input标签及其type属性input标签运用场景标签名type属性值及其说明type的text值相关常用属性代码展示运行效果type的radio值相关常用属性代码展示运行效果type的checkbox值相关常用属性代码展示效果展示type的file值相关常用属性代码展示效果展示三个type属性值——按钮代码展示效果展示select下拉菜单使用场景标签名及用法常见相关属性代码展示运行效果展示textarea文本域标签使用场景textare标签
HTML学习笔记二--表单及表格的结合使用个人简历制作
qq_45231291的博客
06-02 1938
一、表格 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 ...
HTML学习
miny_Chen的博客
01-29 764
HTML HTML指的是超文本标签语言（HyperText Markup Language），是用来描述网页的一种语言。可以通过使用HTML来建立Web站点，HTML运行在浏览器上，由浏览器来解析。 HTML 不是一种编程语言，而是一种标记语言，它有一套标记标签。 HTML使用标签来描述网页。 HTML文档包含了HTML标签及文本内容，HTML文档也叫做Web页面。 HTML文档的后缀名包含.html、.htm，这两种文件后缀名没有区别，但常用的是.html）。 一、HTML结构 <!DOCTYP
HTML快速入门
zy010101博客
05-26 1765
HTML快速入门 快速入门主要是掌握常用的标签 head中的标签 head中最常用的就是指定编码和设置标题这两个标签。 通常我们在head中会设置编码格式为uft-8，例如： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> 另外就是在head中指定页面在浏览器标签页显示的名称，使用title标签。例如： <!DOCTYPE html> <html&gt
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <sty
热门推荐
u014497548的博客
06-03 57万+
Title img,div,body{margin: 0;padding: 0;} .orgindiv {width: 200px;height: 200px;position: relative;float: left;margin-left: 100px;} .orgindiv img{width: 100%;height: 100%;}
HTML-head头部浅析
weixin_30315435的博客
05-25 122
HTML结构 在sublime或HBuildr新建HTML文件，输入html:5,按下tab键后，自动生成的代码大致如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </he...
HTML学习笔记pdf版
07-19
### HTML学习笔记知识点详解 #### 一、HTML概述 **HTML**（HyperText Markup Language，超文本标记语言）是一种标准的编程语言，主要用于创建和结构化网页内容。它定义了网页上的各种元素及其布局方式，例如文本、...
前端学习笔记-黑马程序员
01-09
前端学习笔记-黑马程序员 本篇文章主要介绍了 HTML 基础知识，涵盖了标签的基本概念、HTML 基本结构、文档类型声明、字符集、标签语义、标题标签、段落和换行标签、文本格式化标签、图像标签、路径、超链接标签、...
HTML学习笔记----华为WEB前端全栈成长计划（一阶段）
Gyanga的博客
03-15 340
一、HTML概述 HyperText MarkUp Language “超文本标记语言” 不区分大小写 标签 <> ①标签一般成对存在，也可以单独存在 ②标签可以嵌套 ③标签连同它里面的内容构成元素 ④标签内部可以带有多个属性，属性与值之间用“=”连接，属性先后顺序无关 二、HTML5文件结构 <!DOCTYPE html> //文档类型：符合HTM...
《10.vue之样式绑定1》
qq_44864082的博客
05-20 103
vue之四种基本的class的样式绑定： 1.属性绑定： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>VUe之computed指令</title> </head> <!--1.导入vue.js包 --> <script type="text/javascript" src="js/vue.js" >&
软件测试体系学习及构建（7）-HTML之文本格式化、链接、头部、CSS
虫无涯的博客
09-28 239
（7）-HTML之文本格式化、链接、头部、CSS
web前端进阶_html_基础篇1
qq_17495489的博客
08-12 26万+
HTML基础 一、HTML基础语法 1. 什么HTML HTML（Hypertext Markup Language） - 超文本标记语言 标记语言 - 在不同的文本中加不同的标记让文本的意义和功能不同, 例如：markdown、html HTML大小不敏感： html ==Html == HTML == hTMl (小写和大写功能一样) 2. 标签 - 就是标记， 标签是HTML的基本结构，不同的标签功能不一样 语法： 双标签(标准标签): <标签名 属性1=属性值1 属性2=属性值2 …&
HTML网站首页代码详细知识点
爱书不爱输的程序猿
01-12 5502
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>入门案例01</title> </head> <body> <!-- 表单表标签: action:提交的地址(我理解...
HTML规范写法
qq_42238554的博客
10-12 1352
代码如下： <!DOCTYPE html> <html> <head> <!-- 编码 --> <meta charset="utf-8"> <title>标题</title> <!-- 外链样式 --> <link rel="stylesheet" typ...
串流分屏 - 两台笔记本电脑屏幕共享
11-04
串流分屏 - 两台笔记本电脑屏幕共享
tornado-6.3.2-cp38-abi3-musllinux_1_1_x86_64.whl
11-04
tornado-6.3.2-cp38-abi3-musllinux_1_1_x86_64.whl
基于java的银行业务管理系统答辩PPT.pptx
11-04
基于java的银行业务管理系统答辩PPT.pptx
TA_Lib轮子无需编译-TA_Lib-0.4.17-cp35-cp35m-win32.whl.zip
最新发布
11-04
TA_lib库（whl轮子），直接pip install安装即可，下载即用，非常方便，各个python版本对应的都有。 使用方法： 1、下载下来解压； 2、确保有python环境，命令行进入终端，cd到whl存放的目录，直接输入pip install TA_lib-xxxx.whl就可以安装，等待安装成功，即可使用！ 优点：无需C++环境编译，下载即用，方便
HTML学习笔记：头部元信息详解与主体标记实践
本文档是关于HTML学习笔记，旨在分享作者在学习过程中积累的知识，以便其他人可以参考和交流。以下是笔记中讨论的主要知识点： 1. HTML头部结构：`<head>`标签包含了元信息（metadata），这些信息对搜索引擎优化和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值