【HTML入门】第二课 - head标签下的常见表情们

目录

1 本节概要

2 head下的常见标签

2.1 网页编码设置

2.2 网页的标题

2.3 样式标签

3 head标签的内容不会显示到网页上

4 查看网页源代码


1 本节概要

上一节,我们说了HTML网页最基本的框架标签,说到标签分为head头部和body身体部分。这一小节呢,我们说一下head这个大标签下,一般都会包含哪些内容。

由于现在是入门可成,所以不会说太多复杂的,到后面慢慢的,我们都会说到。

2 head下的常见标签

2.1 网页编码设置

网页编码如果不正确,展示出来的就会是乱码,现在最常用最流行的,也就是utf-8编码。可以这样写:

<!DOCTYPE html>
<html><head><meta charset="utf-8"></head><body></body>
</html>

你看,这个meta标签,里面有 charset 属性,对应着属性值是 utf-8。就表示咱们这个网页要设置为 utf-8 编码的。

2.2 网页的标题

你看,一般网页都是有标题的,表示这个网页的主旨内容。现在我们还没有设置,所以他用浏览器打开后,长这样:

所以,我们可以添加代码设置,代码如下:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的第一个网页</title></head><body></body>
</html>

 再刷新一下网页,我们就可以看到最新设置的标题了。如下图:

2.3 样式标签

后面我们会学到给网页添加样式,也就是CSS的内容。这里我们先学一种标签 也就是  style 标签

这个style标签下面,会放CSS样式内容,可以控制网页中的一些元素,让他们更好看一些。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的第一个网页</title><style type="text/css"></style></head><body></body>
</html>

要记住,我们给 style 标签添加了 type 的属性,属性值是 text/css。这是固定写法,记下来就可以了

其实还可以引入外部的CSS样式表,用来影响当前网页的元素内容,这个我们后面说,先记住这个标签就可以了。

3 head标签的内容不会显示到网页上

我们虽然写了这么多标签,但都是在head标签里面的,这些head下面的内容,是不会显示在网页区域的。

比如我们在刚才的style标签下面,写几个文字,包括刚才加的 title 标签,都不会显示出来。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的第一个网页</title><style type="text/css">是否有内容呢?</style></head><body></body>
</html>

然后看一下自己的网页,刷新一下网页看一下效果:

对吧,并没有内容。 

4 查看网页源代码

那么我么写了那么多代码,从浏览器可以看到吗?是可以看到的,但是浏览器里只能看,不能改,如果要改动代码,还是得回到我们的编辑器里。

在浏览器右键,然后有“查看网页源代码”的按钮,点击这个按钮,就会弹出一个新的网页标签,就可以看到了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/41665.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Git 常用命令及其作用

目录 1.初始化仓库&#xff1a; 2.配置&#xff1a; 3.添加文件&#xff1a; 4.提交更改&#xff1a; 5.查看状态&#xff1a; 6.查看提交日志&#xff1a; 7.查看差异&#xff1a; 8.远程仓库&#xff1a; 9.分支管理&#xff1a; 10.标签管理 11.撤销操作&#xf…

盘点各个国家的国宝

中国&#xff1a;熊猫 熊猫已有800万年的历史&#xff0c;和它们同时代的动物都已灭绝&#xff0c;大熊猫生存至今成为“活化石”。 俄罗斯&#xff1a;北极熊 北极熊是世界上最大的陆地食肉动物&#xff0c;体型巨大&#xff0c;性格凶猛。 美国&#xff1a;白头海雕 白头海雕…

玩转云服务:Oracle Cloud甲骨文永久免费云服务器注册及配置指南

上一篇&#xff0c;带大家分享了&#xff1a;如何薅一台腾讯云服务器。 不过&#xff0c;只有一个月免费额度&#xff0c;到期后需要付费使用。 相对而言&#xff0c;海外云厂商更加慷慨一些&#xff0c;比如微软Azure、甲骨文、亚马逊AWS等。 甲骨文2019年9月就推出了永久免…

热辣滚烫 凝“绳”聚力“力拔山河”中国拔河争霸赛圆满完赛

7月4日至5日&#xff0c;由中国拔河协会、山东省体育局、山东省总工会、山东省体育总会联合主办&#xff0c;山东省拔河协会承办&#xff0c;山东省体育中心协办&#xff0c;山东奥鼎体育文化传播有限公司运营的“力拔山河”中国拔河争霸赛在山东省体育中心羽毛球综合馆举行。 …

jmeter测试工具学习

1.双击jar包打开&#xff0c;发现那个bat打不开 2.新建plan之后编辑添加线程组 会加入500*5次请求 3.添加HTTP请求 添加字段 为了让http请求发送到不同的分片&#xff0c;要把userid随机化 4.添加监听器 5.聚合报告

浅谈C++中的防御性编程

目录 1.什么是防御性编程 2.防御性编程技巧 2.1.采用良好的编码风格 2.2.合理使用assert 2.3.检查函数参数 2.4.使用异常处理 2.5.避免裸指针 2.6.资源管理 2.7.最小化使用全局变量 2.8.封装和模块化 2.9.避免使用宏 2.10.初始化所有变量 2.11.使用范围枚举 2.12…

开发必备基础知识【Linux环境变量文件合集】

开发必备基础知识【Linux环境变量文件合集】 在Linux系统中&#xff0c;环境配置文件用于定制用户的Shell环境&#xff0c;包括定义环境变量、设置命令别名、定义启动脚本等。不同的Shell&#xff08;如bash、zsh&#xff09;有着各自对应的配置文件。 .bashrc&#xff1a;每新…

【HTML】-解决页面内容无法选择、复制问题

目录 1、网页内容无法选中 1.1、问题原因 1.2、解决脚本 1.2.1、开启控制台窗口 1.2.2、执行脚本命令 2、内容复制弹出阻止框 2.2、解决脚本 1、网页内容无法选中 1.1、问题原因 今天在访问某一网站平台&#xff0c;需要将内容进行选择、复制时发现不可使用。 在使用…

圆通寄15kg30kg一般多少钱?寄大件物品怎么寄最便宜?

作为一名即将毕业的大学生&#xff0c;搬家成了我和室友们共同的难题。尤其是在寄送大件物品时&#xff0c;如何省钱、如何打包、选择哪家快递公司等问题让我们头疼不已。今天&#xff0c;我就来分享一些寄大件物品的省钱技巧以及打包方法&#xff0c;希望对大家有所帮助。 一…

Ubuntu部署SpringBoot项目

文章目录 Ubuntu部署SpringBoot项目一、JDK1.1 下载1.2 解压JDK配置环境变量1.3 是否安装成功1.4 开机自启1.4.1 修改脚本1.4.2 设置开机自启 二、Redis2.1 下载2.2 解压Redis并安装2.3 开机自启2.3.1 修改脚本2.3.2 设置开机自启 三、Nginx3.1 安装Nginx依赖包3.1.1 prce-deve…

Python酷库之旅-第三方库Pandas(006)

目录 一、用法精讲 10、pandas.DataFrame.to_excel函数 10-1、语法 10-2、参数 10-3、功能 10-4、返回值 10-5、说明 10-6、用法 10-6-1、数据准备 10-6-2、代码示例 10-6-3、结果输出 11、pandas.ExcelFile类 11-1、语法 11-2、参数 11-3、功能 11-4、返回值 …

BUUCTF - Basic

文章目录 1. Linux Labs 【SSH连接漏洞】2. BUU LFI COURSE【文件包含漏洞】3. BUU BRUTE【暴力破解用户名密码】4. BUU SQL COURSE【SQL注入-当前数据库】5. Upload-Labs-Linux 1【文件上传漏洞】7. Buu Upload Course 1【文件上传包含漏洞】8. sqli-labs 1【SQL注入-服务器上…

MySQL常用高级特性

MySQL作为一种广泛使用的关系型数据库管理系统&#xff0c;除了基本的数据库功能外&#xff0c;还提供了许多高级特性来满足不同应用场景的需求。以下是一些MySQL的常用高级特性及其详细讲解&#xff1a; 1. 存储引擎 功能介绍 MySQL支持多种存储引擎&#xff0c;每种引擎在…

C++线程的使用

C11之前&#xff0c;C语言没有对并发编程提供语言级别的支持&#xff0c;这使得我们在编写可移植的并发程序时&#xff0c;存在诸多的不便。现在C11中增加了线程以及线程相关的类&#xff0c;很方便地支持了并发编程&#xff0c;使得编写的多线程程序的可移植性得到了很大的提高…

使用Java构建物联网应用的最佳实践

使用Java构建物联网应用的最佳实践 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 随着物联网&#xff08;IoT&#xff09;技术的快速发展&#xff0c;越来越…

【FFMPEG基础(一)】解码源码

学习分享 main函数decodetorgb32.h 文件decodetorgb32 .cpp文件 main函数 #include <QApplication> #include "decodetorgb32.h" int main(int argc, char *argv[]) {QApplication a(argc, argv);DecodeToRGB32 toRGB32;int restoRGB32.openVideo("../fi…

01 Web基础与HTTP协议

1.1 Web 基础 本章将介绍 Web 基础知识&#xff0c;包括域名的概念、DNS 原理、静态网页和动态网页的相关知识。 1.1.1.域名概述 1.域名的概念 ip地址不易记忆 2.早期使用host文件解析域名 主机名重复主机维护困难 3.DNS 分布式层次式 4.域名空间结构 根域顶级域 组…

InstantStyle-Plus:风格转移与内容保留在文本到图像的生成

在之前的文章中已经和大家介绍过小红书在风格保持方面的优秀工作InstantID和InstantStyle,感兴趣的小伙伴可以点击下面&#x1f447;链接阅读&#xff5e; 小红书InstantID来了, 一张照片几秒钟就能生成个性化图片, 无缝衔接Stable Diffusion&#xff09; InstantID作者新作&…

国外使用代理IP的安全风险

1. 数据泄露 当使用代理IP时&#xff0c;用户的真实IP地址被隐藏&#xff0c;但仍然存在数据泄露的风险。如果代理服务器没有进行恰当的安全措施&#xff0c;用户的个人信息和访问记录可能会被黑客窃取或监控。 2. 恶意软件 在使用代理IP时&#xff0c;用户可能会在代理服务器…

关于 Mac 系统 .DS_store 文件的起源

原文&#xff1a;Arno - 2006.10.01 &#xff08;前排提醒&#xff1a;可以在 .gitignore 中添加 .DS_Store&#xff0c;否则 git 仓库会存储这个和项目无关的文件。&#xff09; 如果你是 Mac 用户&#xff0c;曾经将文件从 Mac 传输到 Windows&#xff0c;那么可能对 .DS_S…