HTML学习笔记——head、body及简单标签

最新推荐文章于 2022-04-27 11:49:14 发布
最新推荐文章于 2022-04-27 11:49:14 发布
阅读量138 收藏
点赞数
文章标签： xhtml

1> title标签、网站关键词、网站描述、实现百度网的跳转

2> 单标签、对标签、p标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <!-- title标签 -->
        <title>我是title</title>
        
        <!-- 网站关键词 -->
        <meta name='keywords' content="切糕，卖切糕，卖切糕"/>

        <!-- 网站描述 -->
        <meta name='description' content="本网站介绍，要有可读性，100-200字"/>

        <!-- 5秒钟后跳转到百度网 -->
        <meta http-equiv='refresh' content="5;url='http://www.baidu.com'"/>
    </head>



    <body>

        <!-- 单标签 -->
        <img src="dog.jpg" width="100" height="150" title="图片"/>
        
        <!-- 对标签 -->
        <a href="http://www.baidu.com" id="link" class="test">百度</a>

        <strong>我是strong标签</strong>
        <p>我是p标签</p>

    </body>
</html>

 3> h1标签、h2标签、font标签、加粗文字、下划线、嵌套

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

    <!-- h1文章标题/只能用一次 -->
    <h1>我是p标签</h1>

    <!-- h2文章标题/可以用多次/权重较低 -->
    <h2>我是p标签</h2>

    <!-- font/color可以是英文或00ff00/size从1到7 -->
    <font color="red" size="7">我是font标签</font>
    
    <!-- 加粗文字 -->
    <strong>我是strong标签</strong>

    <!-- 嵌套 -->
    <font color="red"><u><del>红色文字加下划线</del></u></font>

</body>
</html>

 

weixin_33724659
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html_head_body
wei7a7a7a的博客
01-01 127
head标签用于定义文档的头部，它是所有头部元素的容器。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。）body是用在网页中的一种HTML标签，标签是用在网页中的一种HTML标签，表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容！定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
HTML基础-head、body
拾光璇旅
01-18 1168
一个程序员退休之后想练练书法，于是准备好了笔墨纸砚，摆好放在书桌上，他提起笔沉思片刻，然后郑重其事地写下了“Hello World”。 HTML简介 HTML（超文本标记语言——HyperText MarkupLanguage）是构成Web世界的基石。它描述并定义了一个网页的内容。其他除HTML以外的技术则通常用来描述一个网页的表现/展示效果（CSS）或功能（JavaScript）。
Html学习总结（2）——Html页面head标签元素的意义和应用场景
weixin_34241036的博客
10-20 121
相信在html5之前，很少人会关注html页面上head里标签元素的定义和应用场景，可能记得住的只有"title"、"keyword"和"description"这些meta在逐渐了解使用html新标准后，特别是移动页面的开发普及，可以看到html中这一块内容越来越重要为大家所认识，初次见到这些标签基本是摸不着头脑，今天就来梳理这些标签的定义(以html5标准展开)； 先来一个页面概括，h...
HTML head内所有标签，及其作用
a370177273的博客
08-26 478
这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。 <title> =>元素可定义文档的标题。<title> 标签是 <head> 标签中唯一要求包含的东西。浏览器会以特殊的方式来使用...
head与body（新手向）
weixin_30256505的博客
07-15 244
网页文档包含了页头（head）与主体（body） 页头 　　-是对该网页文档进行描绘的主体信息。 　　-至少含有title与meta。 　　　　　meta描述网页的特征，比如字符编码，平时广泛用的utf-8。且meta是独立使用的，是一种“自包含”标记。在html5中称为void元素 主体 　-标题元素heading 　　从<h1>到<h6>，从大到小，其中包...
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
JQuery 学习笔记01 JQuery初接触
12-09
《JQuery 学习笔记01 - JQuery初接触》 jQuery是一个高效、简洁且功能丰富的JavaScript库，它极大地简化了JavaScript编程，使得开发者能够更快速、更方便地处理DOM操作、事件处理、动画效果和Ajax交互。这篇学习...
html&css;&JavaScript;基础笔记
01-15
HTML，CSS，JavaScript 本文是由笔者2011年学习HTML，CSS，JavaScript时编写的学习札记，内容来源于网络以及个人整理。 Html索引 Head中常用的标签 4 Body体上的标签 4 ...Body体里面的标签——框架标记 12
web开发技术——课程笔记.rar
03-17
学习HTML时，我们需要掌握各种标签，如`<head>`用于头部信息，`<body>`包含网页主体，`<div>`用于分组元素，`<p>`用于段落，`<a>`用于链接等。同时，理解表格、图像、列表、表单等元素的使用也至关重要。 2. CSS ...
studies:学习记录及心得
03-16
"studies-master"这个文件名暗示着这是一个组织有序的学习资料库，可能包含了逐步进阶的学习笔记、代码实例和项目练习，对于系统学习和回顾HTML知识非常有帮助。通过深入学习和实践这些内容，你可以建立起坚实的HTML...
html 的head title body h1 链接 图片 段落 换行 表格 学习
vcdy
05-21 290
&lt;!DOCTYPE html&gt;&lt;!--声明是html--&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta charset="utf-8"&gt;&lt;!--注意：对于中文网页需要使用 &lt;meta charset="utf-8"&gt; 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认
网页设计之HTML实战(8) -- HTML 头部标签(head,title,base,link,style,meta,script)
x879014419的博客
05-15 3107
1、＜head＞标签 ＜head＞元素是所有头部元素的容器。＜head＞ 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息等。 以下标签都可以添加到 head 部分：＜title＞、＜base＞、＜link＞、＜meta＞、＜script＞以及 ＜style＞。 2、＜title＞标签 ＜title＞标签定义文档的标题。该标题在浏览器窗体的标题栏上显示出来。 title 元素在所有 HTML/XHTML 文档中都是必需的。 title 元素能够： 浏览器工具栏显示标题 收藏夹时显示的标题 搜
HTML中的<head>标签及其内容
Xiaowo
08-24 1万+
head title base meta link script style<head> <head> 标签用于定义文档的头部，它是所有头部元素的容器。 <head> 中的元素可以： - 引用脚本 - 指示浏览器在哪里找到样式表 - 提供元信息 - 等等 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真
HTML基础 head和body
m0_46698362的博客
04-11 5494
1.HTML文档结构 1.1基本结构 HTML文档由头部head和主体body两个部分组成。在头部head标记中，可定义标题、样式等，头部信息不显示在网页上；在主体body标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head>
html的实战性介绍
weixin_45573921的博客
03-03 505
Html 简介 超文本结构语言 html并非一种编程语言， 而是一种描述超文本文档的标记语言，用html编写的超文本文档成为html文档。 超文本文档指的是，可以加入图片、声音、动画、影视等内容，并可以利用超链接方便的从一个文件跳转到网络上其他主机的另一个文件。 Html标签结构形态 Html的标签主要有三种形态，如下所示： <标签>元素</标签> 是开始标签，中间元素，结束标签 <标签 属性名=“属性值”>元素</标签> 属性表示标签的信
html基础入门
weixin_46972127的博客
04-27 1426
目录 1、html结构 1.1、基本结构 1.2、标签的层次结构 2、html常见标签 2.1注释标签 2.2标题标签 2.3段落标签 2.4换行标签 2.5格式化标签（不常用，一般用css进行美化） 2.6图片标签 2.7超链接标签 2.8表格标签 2.9列表标签 2.10表单标签 3、练习 1、html结构 html代码是由各种“标签”构成的。标签名放到<>中，构成一个标签，大多数标签成对出现，有开始标签也有结束标签，少数标签只有开始标签，称为“
HTML基本语法
布白的博客
04-05 3592
HTML基本语法 HTML概念 Hypertext Markup Language：超文本标记语言。是用来制作网页的一种标记语言。 HTML是一种纯文本格式的文件，内部只能书写文字内容，不能添加图片、音频、视频等，但是在网页中给用户呈现的效果却包含了文字以外的内容，这种效果就是HTML语言区别于其他文件的不同之处。 概念： 超文本：是超级文本的缩写，简单来说超文本就是用于链接另一个文本或多媒体内容的文本，比如链接到图片、链接、音频、视频、程序等。 标记：又叫做标签（HTML tag），有特殊的书写规范，是
HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍
share something here
09-26 7534
Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W
HTML中的head和body标签及作用
热门推荐
sinat_40775402的博客
08-26 1万+
head标签 head标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、只是浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其它文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分 <title>、<meta>、<link>、<style>、<script>。 应该把 <head>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值