当前位置: 首页 > article >正文

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.kler.cn/a/502346.html

相关文章:

  • 【大厂面试AI算法题中的知识点】方向涉及:ML/DL/CV/NLP/大数据...本篇介绍为什么self-attention可以堆叠多层,这有什么作用?
  • Three.js 用户交互:构建沉浸式3D体验的关键
  • 大语言模型的稀疏性:提升效率与性能的新方向
  • 如何当前正在运行的 Elasticsearch 集群信息
  • vue2修改表单只提交被修改的数据的字段传给后端接口
  • 备战蓝桥杯:树的存储与遍历(dfs和bfs)
  • macOS 使用 FreeRDP 远程访问 Windows:完整指南20250109
  • Dockerfile的作用
  • 【蓝牙】win11 笔记本电脑连接 hc-06
  • 使用 IntelliJ IDEA 创建简单的 Java Web 项目
  • 【向量数据库 pymilvus】Milvus Standalone(单机模式)如何安装
  • 【react进阶】create-react-app的项目工程格式化和eslint校验配置
  • 充电桩的GB39752和GB44263标准测试要求
  • 【网络协议】ACL(访问控制列表)第一部分
  • Go可以使用设计模式,但绝不是《设计模式》中的那样
  • 可编辑精品PPT | 城投集团(行业)数字化解决方案
  • Spring底层核心原理解析
  • Qt之http客户端类
  • Golang——协程同步
  • flink kafka 版本对照表
  • 给DevOps加点料:融入安全性的DevSecOps
  • linux---Nginx详细教程(包含安装,网站部署)
  • 2008-2020年各省社会消费品零售总额数据
  • vim基本命令(vi、工作模式、普通模式、插入模式、可视模式、命令行模式、复制、粘贴、插入、删除、查找、替换)
  • PHP答题考试系统:智慧教育的璀璨明珠
  • pyqt鸟瞰