HTML学习04：又话head和body

最新推荐文章于 2022-09-07 23:00:54 发布
最新推荐文章于 2022-09-07 23:00:54 发布
阅读量188 收藏
点赞数
分类专栏： # html学习 htmlcss学习园地 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47197906/article/details/118754045
版权

文章目录

head

在<head>标签中，除了可编写文档元数据，定义文档标题，还可以编写css样式、引入层叠样式表文件、引⼊入js文件。
在这里插入图片描述

  • meta标签定义页面元信息
  • title标签定义页面标题
  • link标签引入外部样式表
  • script标签引入js文件或定义js
  • style标签定义嵌入式样式表
    当然，上述link标签、script标签、style标签视情况添加。

body

<body>定义文档的主体部分，除了编写显示在网页里的内容，还可以编写javascript脚本，引入js文件。
在这里插入图片描述

远近2021
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
XHTML入门学习教程:网页Head和DTD
12-12
head和DTD尽管不会显示在页面上，但是却是网页的重要元素。 为什么会出错？ 在上一节中我们我们在检验我们的网页时得到了一段出错信息，但是我们在整个网页的制作过程中都是按照XHTML标准写的啊。其实问题出在了网页...
HTML基础 head和body
m0_46698362的博客
04-11 5552
1.HTML文档结构 1.1基本结构 HTML文档由头部head和主体body两个部分组成。在头部head标记中，可定义标题、样式等，头部信息不显示在网页上；在主体body标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head>
HTML中的head和body标签及作用
热门推荐
sinat_40775402的博客
08-26 1万+
head标签 head标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、只是浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其它文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分 <title>、<meta>、<link>、<style>、<script>。 应该把 <head>
HTML常见标签用法
weixin_60778429的博客
09-07 2139
type(必须有), 取值种类很多多, button, checkbox, text, file, image, password, radio 等.自定义列表[重要] dl (总标签) dt (小标题) dd (围绕标题来说明) 上面有个小标题, 下面有几个围绕 着标题来展开的.target: 打开方式. 默认是 _self. 如果是 _blank 则用新的标签页打开.border 表示边框. 1 表示有边框(数字越大, 边框越粗), “” 表示没边框.
Web基础（1）前端-HTML：简介、标签、HTML文档结构head、body及其内部标签
Wayne12081213的博客
01-13 1478
1. HTML简介 HTML，htyper text markup language，超文本标记语言 超文本：指页面内可以包含图片、链接，甚至音乐、程序等非文字元素 标记语言：标记（标签）构成的语言   网页=HTML文档，由浏览器解析，用来展示的 静态网页：静态的资源 动态网页：html代码是由某种开发语言根据用户请求动态生成的     2. 标签 什么是标签： 是由一对...
Pr-ctica-HTML-head-y-eventos:练习HTML标题和事件
05-23
DOCTYPE html>`声明、`<html>`元素、`<head>`元素和`<body>`元素。 2. **HTML标题**：掌握不同级别的`<h1>`到`<h6>`的用法，以及如何通过CSS调整它们的样式。 3. **事件处理**：了解如何使用HTML事件属性（如`...
Head Fisrt - HTML.zip_head_html_unhappyel2
最新发布
09-24
《Head First HTML》是一本非常受欢迎的Web开发入门书籍，主要针对初学者，以其独特的视觉设计和易理解的讲解方式，让学习HTML的过程变得既有趣又高效。这本书深入浅出地介绍了HTML的基础知识，包括HTML元素、标签、...
HeadFirst HTML与CSS全书源代码
10-15
DOCTYPE>`声明、`<html>`、`<head>`和`<body>`元素，以及如何使用`<h1>`至`<h6>`定义标题、`<p>`创建段落、`<img>`插入图像、`<a>`创建链接等。这些基础知识对于构建任何网页都是至关重要的。 CSS则负责网页的样式...
XHTML入门学习教程:简单网页制作
12-09
每个XHTML网页都由两大部分组成：`<head>`和`<body>`。`<head>`元素包含了网页的元数据，如标题、字符集设置等，这些信息通常不会直接显示在浏览器的可视区域。而`<body>`元素则包含网页的实际内容，如文字、图片、...
Html5 head 与 body
Legendlijianfei的博客
09-18 634
Html5 head 与 body 一个html 网页，可以由两部分组成。head 和body，绿色部分就是head，红色部分就是body。 1 head （头） 可以包含一些说明信息，标题（title），样式（style），脚本（script） <html> <head> <title>网页的标题，而且只显示标题，没有那内容</title> </head> </html> 2 body （
HTML笔记 ( 一 ) HTML, HEAD 和 BODY 标签
leon9dragon的博客
01-03 1716
一个最基本的html文件, 必须包含 html, head 和 body 三个标签 以及 !doctype 声明
HTML学习14：框架布局
Blog of Lytracy
07-18 1万+
文章目录1、框架页面的基本结构2、水平布局3、垂直布局4、混合框架集5、为框架添加内容6、改进：使用name属性7、给框架布局设置一些属性 相对div布局，框架布局是一个很古老，但是易于学习和掌握的布局技术。当一个网站中包含很多页面，每个页面又包含一些同样的区域的时候，我们可以选择框架布局。在现代前端开发中，框架布局已经被淘汰，取而代之的是DIV结合Ajax页面无刷新的加载技术。因此，这里只对框架布局做简单的介绍。 1、框架页面的基本结构 HTML5 不支持 标签。 2、水平布局 3、垂直布局 4
CSS学习15：盒子阴影
Blog of Lytracy
07-20 1万+
文章目录1、box-shadow属性 1、box-shadow属性 通过 box-shadow 属性设置盒子阴影。box-shadow 有四个值: 第一个值是水平偏移量（水平阴影）：即向右的距离，阴影被从原始的框中偏移(如果值为负的话则为左)。 第二个值是垂直偏移量（垂直阴影）：即阴影从原始盒子中向下偏移的距离(或向上，如果值为负)。 第三个值是模糊半径（影子大小）：即在阴影中应用的模糊度。 第四个值是阴影的基本颜色。你可以使用任何长度和颜色单位来定义这些值。 例子： 2、多个盒子阴影 多个盒子阴影
07CSS3文本——overflow-wrap & word-break
Blog of Lytracy
09-30 9754
文章目录1、overflow-wrap2、word-break overflow-wrap 和 word-break 都可以起到对单词的换行作用，前者用来表明是否允许浏览器在单词内进行断句，例如出现了一个很长的 url 或者单词，由于找不到自然段句点空格或标点符号而产生了溢出，这时候就可以使用 overflow-wrap 来解决这个问题；word-break 则是用于表明怎样在单词内进行断句。 1、overflow-wrap overflow-wrap 常用的有两个取值： normal：浏览器保持默认处理
HTML学习08（实践2）：超链接、绝对路径、相对路径
Blog of Lytracy
07-16 6512
文章目录1、URL2、超链接3、绝对路径和相对路径`Absolute vs Relative paths`3、1 使用相对路径的超链接3、2 使用绝对路径的超链接4、实践 上一讲中，我们制作了一张页面，有时我们需要在页面中跳转到网站的另一个页面，或者跳转到别的网站去，此时需要使用超链接。 1、URL URL（Uniform Resource Locator，统一资源定位器），它是WWW的统一资源定位标志，就是指网络地址。 URL由三部分组成：协议、服务器、文件路径。 当在浏览器的地址栏输入一个URL时会发
HTML学习07（实践1）：HTML常用标签之标题、段落、换行、空格、列表
Blog of Lytracy
07-15 3348
文章目录标题标签段落标签换行标签和空格标签水平分割线列表无序列表有序列表自定义列表练习 本节主要介绍 HTML 常用标签之标题标签、段落标签、换行标签、空格标签、水平分割线和HTML 列表。 标题标签 标题标签heading tag有六种h1，h2，h3，h4，h5，h6，代表着不同大小的标题。可以使用标题标签组织网页结构，<h1>到<h6>显示出来的文字大小依次从大到小。 示例一如下： 效果如下： 示例二： 段落标签 段落标签paragrach tag：<p> 使
CSS学习05：文字段落排版
Blog of Lytracy
07-19 2526
文章目录1、文字排版字体种类字体大小和颜色字体样式-粗体字体样式-斜体字体装饰2、段落排版缩进行高中文字间距、字母间距对齐 本节主要介绍 CSS 基础样式，主要针对网页里面的文字、段落等基本内容进行样式修改设置，使其呈现出不一样的效果。譬如更换颜色，改变大小等。 1、文字排版 字体种类 通过 font-family 属性设置字体种类，注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。 <!DOCTYPE html> <html> &
CSS学习18：CSS选择器二
Blog of Lytracy
07-20 2312
文章目录1、标签指定式选择器（交集选择器）2、后代选择器3、子代选择器4、并集选择器5、属性选择器6、伪类选择器7、层叠性和继承性层叠性!important源代码出现的次序优先级继承性8、挑战：CSS 层叠性和继承性题第一题第二题![在这里插入图片描述](https://img-blog.csdnimg.cn/20210719233325491.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6
HTML5基础标签详解：结构、Head与Body部分
DOCTYPE html>`声明、`<html>`元素和两个主要部分组成：`<head>`和`<body>`。`<!DOCTYPE html>`用来告诉浏览器这是HTML5文档类型，`<html>`是整个文档的根元素。 `<head>`部分主要负责提供关于网页的元数据，这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值