html辅助标签与样式表

一、HTML其它常用标签

1.meta标签

(1)meta标签是一个特殊的HTML标签,提供有关网页的信息,如作者姓名、公司名称和联系信息等

(2)许多搜索引擎都使用meta标签

<head>

<meta name="keywords" content="开发,测试,教育,development">

</head>

(3)属性

  • name属性
  • http-equiv属性

(4)name属性的主要参数

Keywords(关键字)

  • <meta name="keywords" content="开发,测试,教育,development">

description(网站内容描述)

  • <meta name="description" content="This page is about the computer">

robots(机器人向导)

  • <meta name="robots" content="none">
  • 参数值:all,none,index,noindex,follow,nofollow,默认是all

author(作者)

  • <meta name="author" content="dhl">

(5)http-equiv属性的主要参数

Refresh(刷新)

  • <meta http-equiv="Refresh" content="2">

content-Type(显示字符集的设定)

  • <meta http-equiv="content-Type" content="text/html;charset=gb2312">

2.marquee标签

(1)marquee标签

用于浏览区域中滚动内容

<marquee direction="up" behavior="scroll" scrolldelay=100>

(2)marquee主要属性

3.embed标签
(1)embed标签

(2)embed标签的主要属性

4.object标签

object标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF以及Flash。

object的初衷是取代img和applet元素,不过由于漏洞以及缺乏浏览器支持,这一点并未实现。

5.div标签

(1)div标签

(2)div标签的主要属性

(3)style属性的常用参数

二、CSS

1.CSS是Cascading Style Sheet的缩写,译作“层叠样式表单”。

2.是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

3.CSS的优点

(1)改变浏览器的默认显示风格

(2)页面内容和显示样式分离

(3)可以重用样式表

(4)方便网站维护

三、样式表

1.根据样式代码的位置,分为三类:

2.常用的样式属性

3.行内样式

  • 适用范围:使某段文字和其它段落的文字显示风格不一样。
  • 行内样式使用元素标签的STYLE属性定义

<DIV id="Layerl" style="position: absolute;z-index:1;left:155px;top:16px; background-color:#cc3300;width:114px;padding:10px; color:white;font-size:18px;left:149px;top:110px; height:116px;"

<p>

  <img src="ts.gif"width="210"height="294">

</p>

<p>开卷有益</p>

</DIV>

4.内嵌样式

  • 适用范围:本网页内的所有同类标签都采用统一样式。

根据选择器的不同,内嵌样式又分为:

  • HTML选择器
  • CLASS类选择器
  • ID选择器

5.外部样式

根据样式文件与网页的关联方式又分为:

链接(LINK)外部样式表

  • <LINK rel="stylesheet" type="text/css" href="样式表文件.css">

导入(import)外部样式表

  • <STYLE TYPE="text/css">
  • @import 样式表文件.css;
  • </STYLE>

6.样式的混合使用

(1)行内样式表、内嵌样式表、外部样式表在开发中常常需要混合使用

(2)对于某个HTML标签:

  • 多种样式没有冲突,则叠加;
  • 多种样式有冲突,行内样式表优先显示,如果没有,再考虑内嵌样式显示,最后采用外部样式表显示,否则就按HTML的默认样式显示;

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

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

相关文章

中等难度——python实现电子宠物和截图工具

import io # 文件处理 import nt # windows nt 库直接获取对应的磁盘空间 import time # 时间 import zlib # 加解密 import ctypes # 调用 import struct # 处理字节二进制 import base64 # 编解码 import threading # 线程 import tkinter as tk # tk from datetime…

3D目标检测数据集——Nusence数据集

链接地址 [官网] nuScenes[arXiv] nuScenes: A multimodal dataset for autonomous driving[GitHub] nuScenes devkitnuScenes devkit教程数据集概述 2.1 数据采集 2.1.1 传感器配置 nuScenes的数据采集车辆为Renault Zoe迷你电动车,配备6个周视相机&#x

lerna使用指南

lerna版本 以下所有配置命令都是基于v8.1.9&#xff0c;lerna v5 v7版本差别较大&#xff0c;在使用时&#xff0c;注意自身的lerna版本。 lerna开启缓存及缓存配置 nx缓存是v5版本以后才有的&#xff0c;小于该版本的无法使用该功能。 初始化配置 缓存配置文件nx.json&am…

neo4j 安装 (提供镜像下载方式

neo4j 安装 docker # 获取镜像 docker pull neo4j:community# 启动 docker run \--publish7474:7474 --publish7687:7687 \neo4j:communityfile download 文件下载的方式&#xff0c;访问 URL&#xff1a;https://neo4j.com/deployment-center/ 然后选择对应的平台&#xff…

用Ingress生成route,如何让生成route的insecureEdgeTerminationPolicy 的值为Allow

对于此功能当前还没有实现&#xff0c;相关的新功能添加的 Jira ticket 如下&#xff1a; Annotate the ingress to create the route with the spec.tls.insecureEdgeTerminationPolicy set to Allow 目前已经实现的功能为termination&#xff0c;insecureEdgeTerminationPol…

JAVA安全编码规范

1. 数据校验 对外部输入进行校验入参的合法性&#xff0c; 防止内存越界&#xff0c;命令注入&#xff0c;SQL注入&#xff0c;格式化字符串漏洞 校验长度&#xff0c;范围&#xff0c;输入校验采用白名单形式 校验前做归一化处理&#xff0c;使用java.text.Normalizer的n…

天机学堂笔记1

FeignClient(contextId "course", value "course-service") public interface CourseClient {/*** 根据老师id列表获取老师出题数据和讲课数据* param teacherIds 老师id列表* return 老师id和老师对应的出题数和教课数*/GetMapping("/course/infoB…

Flutter pubspec.yaml 使用方式

Flutter pubspec.yaml 使用方式 pubspec.yaml 是 Flutter 项目中最重要的配置文件之一&#xff0c;用于管理应用的基本信息、依赖项、资源以及构建配置等内容。 1. 基本结构和字段 基本信息 name: my_flutter_app # 应用的名称 description: A new Flutter project …

NLP中常见的分词算法(BPE、WordPiece、Unigram、SentencePiece)

文章目录 一、基本概念二、传统分词方法2.1 古典分词方法2.2 拆分为单个字符 三、基于子词的分词方法&#xff08;Subword Tokenization&#xff09;3.1 主要思想3.2 主流的 Subword 算法3.3 Subword 与 传统分词方法的比较 四、Byte Pair Encoding (BPE)4.1 主要思想4.2 算法过…

OceanBase数据库设计与管理:构建高效分布式数据架构基石

《OceanBase数据库设计与管理&#xff1a;构建高效分布式数据架构基石》 在当今数字化浪潮汹涌澎湃的时代&#xff0c;数据量呈爆炸式增长&#xff0c;业务复杂度不断攀升&#xff0c;传统数据库在应对海量数据存储、高并发读写以及高可用性需求时愈发捉襟见肘。OceanBase作为…

搭建Hadoop分布式集群

软件和操作系统版本 Hadoop框架是采用Java语言编写&#xff0c;需要java环境&#xff08;jvm&#xff09; JDK版本&#xff1a;JDK8版本 &#xff0c;本次使用的是 Java: jdk-8u431-linux-x64.tar.gz Hadoop: hadoop-3.3.6.tar.gz 三台Linux虚拟节点: CentOS-7-x86_64-DVD-2…

分享一下使用高版本(3.10.x)sonar-maven-plugin 进行构建时需要注意的两个问题

SonarScanner用来执行源代码分析。这个独立的程序在CI/CD主机上运行&#xff0c;并将分析结果发送到SonarQube服务器&#xff0c;由其计算分析结果&#xff0c;计算质量门并生成报告。我们可以通过命令行和maven构建两种方式来执行SonarScanner的源码分析。关于SonarScanner更多…

C语言---函数和数组实践:扫雷游戏

函数和数组实践&#xff1a;扫雷游戏 在这次的实践项目中&#xff0c;需要编写一个可以在在控制台运行的经典的扫雷游戏。 一、游戏要求 游戏有菜单&#xff0c;可以通过菜单实现继续玩或者退出游戏游戏要求棋盘9*9&#xff0c;雷&#xff08;10个&#xff09;要求随机布置可…

数据结构与算法之二叉树: LeetCode 701. 二叉搜索树中的插入操作 (Ts版)

二叉搜索树中的插入操作 https://leetcode.cn/problems/insert-into-a-binary-search-tree/description/ 描述 给定二叉搜索树&#xff08;BST&#xff09;的根节点 root 和要插入树中的值 value &#xff0c;将值插入二叉搜索树返回插入后二叉搜索树的根节点。 输入数据 保…

数据集-目标检测系列- 石榴 检测数据集 pomegranate >> DataBall

数据集-目标检测系列- 石榴 检测数据集 pomegranate >> DataBall DataBall 助力快速掌握数据集的信息和使用方式&#xff0c;会员享有 百种数据集&#xff0c;持续增加中。 需要更多数据资源和技术解决方案&#xff0c;知识星球&#xff1a; “DataBall - X 数据球(fre…

项目实战——使用python脚本完成指定OTA或者其他功能的自动化断电上电测试

前言 在嵌入式设备的OTA场景测试和其他断电上电测试过程中&#xff0c;有的场景发生在夜晚或者随时可能发生&#xff0c;这个时候不可能24h人工盯着&#xff0c;需要自动化抓取串口日志处罚断电上电操作。 下面的python脚本可以实现自动抓取串口指定关键词&#xff0c;然后触发…

深入详解DICOM医学影像定位线相关知识:理解定位线的概念、定位线的作用以及定位线显示和计算原理

DICOM医学影像中的定位线(Localization Line) 在医学影像学中,DICOM是用于存储和交换医学影像的标准格式。定位线(Localization Line)在医学影像的显示和分析中起着重要作用,它帮助医生和医学专业人员在影像中精确地标定重要的解剖结构、区域或特征,辅助进行定位、治疗计…

《自动驾驶与机器人中的SLAM技术》ch8:基于 IESKF 的紧耦合 LIO 系统

目录 基于 IESKF 的紧耦合 LIO 系统 1 IESKF 的状态变量和运动过程 1.1 对名义状态变量的预测 1.2 对误差状态变量的预测及对协方差矩阵的递推 2 观测方程中的迭代过程 3 高维观测中的等效处理 4 NDT 和 卡尔曼滤波的联系 5 紧耦合 LIO 系统的主要流程 5.1 IMU 静止初始化 …

Java语言的并发编程

Java语言的并发编程 引言 在现代软件开发中&#xff0c;随着计算机硬件性能的不断提升&#xff0c;应用程序的并发性变得愈加重要。并发编程是提升程序性能和响应速度的有效手段&#xff0c;Java作为一门广泛使用的编程语言&#xff0c;提供了丰富的并发编程机制。本文将深入…

Go语言开发高效的RPC服务的方法

在Go语言中开发高效的RPC&#xff08;远程过程调用&#xff09;服务&#xff0c;可以通过以下几个关键步骤和方法来实现&#xff1a; 一、定义服务接口 首先需要定义需要提供的RPC方法及其参数和返回值。可以使用Go语言的interface类型来定义RPC接口&#xff0c;同时也可以为…