首页 > 其他分享 >html基础

html基础

时间:2024-03-24 17:13:51浏览次数:21  
标签:定义 这是 标签 基础 html 列表 meta 用来

HTML标签分类

【1】双标签

双标签是有头有尾的

内容写在标签中间

【2】单标签

但标签也称自闭标签

不需要写另一半标签

文档结构标签

【1】html

定义html文档的根元素

【2】head

包含文档的元信息,如标题、字符集、样式表等。

【3】title

标题标签

标签内容会显示在浏览器的标签页上

<title>Title</title>

【4】meta

提供有关文档的元信息,如字符集、关键词、描述等。

【5】style

这部分用来写css代码

<style></style>

【6】script

这部分用来写JavaScript代码

可以引用外部的js文件

<script></script>

用来引用外部css文件

<link rel="stylesheet" href="">

meta

【1】介绍

'meta'是一个html元素,用于提供网页的元信息,如字符集,关键字,作者,描述,视口设置。

他对于搜索引擎优化以及浏览器渲染非常重要

【2】常见的meta元素

:这个 meta 标签指定了网页的字符集,通常设置为 UTF-8,以确保支持多种语言的正确显示

:这个 meta 标签用于控制网页在移动设备上的视口(viewport)设置,使网页能够适应不同屏幕尺寸和分辨率。它还可以控制初始缩放级别。

:这个 meta 标签用于指定网页的关键词,有助于搜索引擎了解网页内容

:这个 meta 标签用于提供网页的简短描述,通常在搜索结果中显示,有助于吸引用户点击

:这个 meta 标签用于指定网页的作者。

:这个 meta 标签可以用于设置页面自动刷新或重定向到另一个 URL

:这个 meta 标签用于指定搜索引擎是否应该索引和跟踪网页。例如,"noindex" 和 "nofollow" 可以用来防止搜索引擎检索和跟踪页面内容。

和 :这些 meta 标签用于定义在社交媒体上分享链接时显示的标题和描述,通常与社交分享功能一起使用。

文本内容标签

【1】<h1>

这是级别标签

用于显示网页内容标题的级数

一共分为六级

<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>

【2】<b>

这是加粗文字标签

<b>我是加粗的文字</b>

【3】<i>

这是斜体文字标签

<i>我是斜体文字</i>

【4】<u>

这是下划线标签

<u>我是有下划线的文字</u>

【5】<s>

这是删除线标签

<s>我是有删除线的文字</s>

【6】<p>

这是段落标签

一个段落标签占有一行

<p>我是一段文字</p>

【7】<br>

这是换行标签

<u>我是有下划线的文字</u><br>
<s>我是有删除线的文字</s><br>

【8】<hr>

这是水平分割线标签

【9】<a>

这是超链接标签,用于导航到其他网页或者资源

<a href="https://fanyi.baidu.com/">百度翻译</a>

列表标签

【1】<ul>

这是无序列表

<ul>
    <li>我是列表项</li>
    <li>我是列表项</li>
    <li>我是列表项</li>
    <li>我是列表项</li>
    <li>我是列表项</li>
</ul>

【2】<ol>

这是有序列表

<ol>
    <li>我是列表项</li>
    <li>我是列表项</li>
    <li>我是列表项</li>
    <li>我是列表项</li>
    <li>我是列表项</li>
</ol>

【3】<li>

这是用来定义列表项的

表格标签

【1】<table>

这是用来定义表格的

【2】<tr>

这是用来定义表格行的

【3】<td>

这是用来定义表格数据单元格的

【4】<th>

这是用来定义表格标题单元格的

表单标签

【1】form

这是用来创建表单的

【2】<input>

这是用来定义表单输入字段的

【3】<textarea>

这是用来定义多行文本输入字段的

【4】<select>

这是用来定义下拉列表框的

【5】<button>

这是用来定义按钮的

【6】<label>

这是为表单元创建标签的

媒体标签

【1】<img>

这是用来插入图像的

【2】<audio>

这是用来插曲音频的

【3】<video>

这是用来插入视频的

其他标签

【1】<div>

用于创建块级容器,用于组织和布局内容。


【2】<span>

<span>:用于创建内联容器,通常用于样式和脚本操作。

标签的两个重要属性

【1】id

id 属性: id 属性用于为 HTML 元素指定唯一的标识符。每个页面上的元素都应该有唯一的 id,这个标识符在 JavaScript 和 CSS 中非常有用

【2】class

class 属性用于为 HTML 元素指定一个或多个样式类。样式类是一组样式规则的集合,可以在 CSS 中定义。多个元素可以共享相同的样式类,以应用相同的样式。这对于一致性和可维护性非常重要,因为你可以在一个地方定义样式规则,然后在多个元素上应用它们。

标签:定义,这是,标签,基础,html,列表,meta,用来
From: https://www.cnblogs.com/Hqqqq/p/18092666

相关文章

  • JS基础
    变量【1】JS变量的命名规范变量名只能是由数字字母下划线$组成的推荐使用驼峰式命名如userName首字母不推荐大写(python推荐使用下划线连接)不能用关键字作为变量名【2】varletconst的区别var时一个全局的变量声名关键字,在函数内可以直接对他修改let是一个块级......
  • c语言基础(5)
    一、字符串函数        我们经常要处理字符和字符串,为了⽅便操作字符和字符串,C语⾔标准库中提供了⼀系列库函数,接下来我们就学习⼀下这些函数。1、字符分类函数    字符分类函数就是用来判断字符类型的函数。2、字符转换函数2.1 toupper    i......
  • # 单目深度估计基础理论和论文学习总结
    单目深度估计基础理论和论文学习总结一、背景知识:三维刚体运动的数学表示:旋转平移矩阵、旋转向量、欧拉角、四元数、轴角模型、齐次坐标、各种变换等照相机模型:单目/双目模型,单目中的世界坐标系/相机坐标系/图像坐标系的互相转换、畸变与矫正,双目涉及的视差和深度的反比关系、......
  • 基础概率论(李贤平)选题
    概率论选题一、基本概念随机现象概率古典概型Newton二项式定理几何概率概率空间条件概率Bayes公式独立性伯努利试验伯努利分布:只进行一次伯努利试验二项分布:\(n\)重伯努利试验中事件\(A\)出现\(k\)次的概率\(b(k;n,p)=\binomnkp^kq......
  • 搜索基础
    目录八皇后八数码红与黑八皇后在国际象棋棋盘上放置八个皇后,要求每两个皇后之间不能直接吃掉对方点击查看代码#include<bits/stdc++.h>usingnamespacestd;constintN=110;intn=8,data[N][10],tt;inta[10];//a[y]=x(x,y)有皇后intb[10];//b[y]=1......
  • MySQL面试基础题
    MySQL面试基础题一、基础知识1.数据库常见的概念DB:数据库,存储数据的容器。DBMS:数据库管理系统,又称为数据库软件或数据库产品,用于创建或管理DB。SQL:结构化查询语言,用于和数据库通信的语言,不是某个数据库软件持有的,而是几乎所有的主流数据库软件通用的语言。中国人之间交流需要......
  • Java 学习路线:基础知识、数据类型、条件语句、函数、循环、异常处理、数据结构、面向
    Java基础什么是JavaJava是一种由SunMicrosystems于1995年首次发布的编程语言和计算平台。Java是一种通用的、基于类的、面向对象的编程语言,旨在减少实现依赖性。它是一个应用程序开发的计算平台。Java快速、安全、可靠,因此在笔记本电脑、数据中心、游戏机、科学超级计......
  • [Python]-基础-1.环境部署
    [Python]基础——环境部署&知识补充一、环境部署1.1软件下载1.1.1版本选择内置函数是Python自带的函数,不同版本的Python,其内置函数在数量和使用上大不相同,尤其是Python2和Python3大版本之间的迭代,教程全程采用Python3.8.3进行代码演示,为了避免版本兼容冲突,希望......
  • 电源电路基础知识学习(建议收藏)
    日常生活中,电子产品在工作时都需要直流电源提供激励,而电池因使用成本较高,一般只用于低功耗便携式的仪器设备中。如下图所示,是直流电源的结构及稳压过程:1).电源变压器先将市电转变为较低的目标电压;2).整流电路是将交流电转为具有直流电成分的脉动直流电;3).滤波......
  • PTA基础编程练习题目集 7—4 BCD解密
    题目描述:BCD数是用一个字节来表达两位十进制的数,每四个比特表示一位。所以如果一个BCD数的十六进制是0x12,它表达的就是十进制的12。但是小明没学过BCD,把所有的BCD数都当作二进制数转换成十进制输出了。于是BCD的0x12被输出成了十进制的18了!现在,你的程序要读入这个错误的十进......