首页 > 其他分享 >HTML学习笔记二:html-head内元素

HTML学习笔记二:html-head内元素

时间:2023-12-05 17:56:24浏览次数:32  
标签:head HTML 0.0 px 元素 html font

HTML学习笔记二:head内元素

MDN元素查询地址

所有的html的元素我们都可以通过以下地址进行相关的查询和理解。
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta

title 标题元素

用于定义文档的标题,此标题显示在标题栏或者标签栏上,一般为纯文本。

<title>网页标题</title>

meta 元信息元素

meta元素主要是用来描述网页的基础信息
常见的使用方式如下:

<!-- 字符编码 -->
<meta charset="UTF-8">
<!-- 针对IE浏览器的兼容设置 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 针对移动端的基础配置 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 配置网页关键字,用于SEO -->
<meta name="keywords" content="购物,门锁,门禁">
<!-- 网页的描述信息 -->
<meta name="description" content="这是一个网页的描述">
<!-- 配置爬虫 -->
<meta name="robots" content="follow">
<!-- 配置网页自动刷新,10s后跳转百度如下-->
<meta http-equiv="refresh" content="10;url=https://www.baidu.com">

style 样式元素

style元素包含文档的样式信息或者文档的部分内容。默认情况下,该标签的样式信息通常是CSS。
被称为内部样式。
style内部的语句需要遵循css样式的标准。

<style type="text/css">

p.p1 {
	margin: 0.0px 0.0px 0.0px 0.0px; 
	font: 12.0px 'PingFang SC'; 
	color: #000000
	}
p.p2 {
	  color: #26b72b;
	}
span.s1 {
	font-kerning: none
	}

span.s2 {
	font: 12.0px Helvetica; 
	font-kerning: none
	}

</style>

type属性可以省略,默认即为CSS

用于链接外部的文档或者资源,一般常用于外部css样式表文件

<link rel="stylesheet" href="./css/position.css">

rel: stylesheet,样式表数据
href: 后跟链接地址,一般用相对地址或者网络地址

script 脚本元素

script有脚本的意思,这里是用来放置html内部的js语句的。
type="text/javascript"来标识,通过src来制定对应的js文件。
script内部的代码遵循js语法标准。

<script type="text/javascript" src="javascript.js">

标签:head,HTML,0.0,px,元素,html,font
From: https://www.cnblogs.com/yysocket/p/17877814.html

相关文章

  • HTML学习笔记三:html-body-块级元素
    HTML学习笔记三:body元素块级元素MDN元素查询地址所有的html的元素我们都可以通过以下地址进行相关的查询和理解。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/metabody中元素分类块级元素又称为块元素,独占一行,宽默认与body一致,高度由内容撑开,无内容默认为1......
  • HTML学习笔记一:html简介和基本结构
    HTML学习笔记一一、什么是HTML?众所众知,我们打开的网页是一个一个的HTML,网页静态的结构是由html完成,而各式各样的表现样式是由css完成,至于网页与服务器之间的交互行为则都交给了javascript完成。HTML和CSS本质都是结构化、标准化的语言,用于定义页面结构,样式渲染。不得不提的就是......
  • git fatal: bad object refs/heads 解决方案
    问题描述解决方法第一种把.git\refs\remotes\origin\下出问题的分支名称删除掉第二种把.git\refs\heads\下出问题的分支名称删除掉再次执行gitpull--rebase即可解决。......
  • ​HTML代码混淆技术:原理、应用和实现方法详解
    ​HTML代码混淆是一种常用的反爬虫技术,它可以有效地防止爬虫对网站数据的抓取。本文将详细介绍HTML代码混淆技术的原理、应用以及实现方法,帮助大家更好地了解和运用这一技术。一、HTML代码混淆的原理HTML代码混淆是指将HTML源码通过特定的算法进行加密处理,使得人类可读的源码变......
  • html录制mp3
    wavesurfer.js|audiowaveformplayerJavaScriptlibrary  要将weba文件转换为mp3格式,您可以使用HTML5的音频API来实现。以下是一个简单的示例代码:```html<!DOCTYPEhtml><html><head><title>WebAtoMP3Converter</title></head><body><i......
  • CSV文件转Html用Java怎么实现?
    要将CSV文件转换为HTML格式,可以使用Java编程语言。以下是一个简单的Java代码示例,可用于将CSV文件转换为HTML表格:importjava.io.BufferedReader;importjava.io.FileReader;importjava.io.FileWriter;importjava.io.IOException;publicclassCsvToHtmlConverter{publ......
  • 01.html
    1.HTML、XML、XHTML的区别HTML:超文本标记语言,是语法较为松散的、不严格的Web语言;XML:可扩展的标记语言,主要用于存储数据和结构,可扩展;XHTML:可扩展的超文本标记语言,基于XML,作用与HTML类似,但语法更严格。2.什么是HTML5以及和HTML的区别是什么概念HTML5是HTML的新标准,其主要......
  • Python 实现Word转HTML
    将Word转换为HTML能将文档内容发布在网页上,这样,用户就可以通过浏览器直接查看或阅读文档而无需安装特定的软件。Word转HTML对于在线发布信息、创建在线文档库以及构建交互式网页应用程序都非常有用。以下是使用Python将Word转换为HTML网页的攻略,包含两个示例。使用Python将Word......
  • centos7 安装vmware tool 遇到遇到 kernel-headers 问题修复
    安装vmwaretool步骤1.cpVMwareTools-10.3.25-20206839.tar.gz到用户目录下2.tarzxfVMwareTools-10.3.25-20206839.tar.gz解压3.进入vmware-tools-distrib执行sudo./vmware-install.pl执行过程中报错问题1.gcc问题SearchingforGCC...Thepath""isnot......
  • HTML基础标签学习
    一、HTML标题在html中标题是用<h1>~<h6>进行定义,从前往后,标题字体大小逐渐减少。二、HTML段落HTML的段落标签是<p>标签<p>这是一个段落</P>三、HTML文本格式化常见的格式化标签<b>定义粗体文本</b> <em>定义着重文字</em> <i>定义斜体字</i> <small>定义小号字</small......