html辅助标签与样式表

server/2025/1/14 19:20:30/
htmledit_views">

一、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.ppmy.cn/server/158363.html

相关文章

Github 2025-01-11 Rust开源项目日报 Top10

根据Github Trendings的统计,今日(2025-01-11统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Rust项目10C项目1Swift项目1Yazi - 快速终端文件管理器 创建周期:210 天开发语言:Rust协议类型:MIT LicenseStar数量:5668 个Fork数量:122…

未来十年:科技重塑生活的全景展望

在科技发展的浪潮中&#xff0c;过去十年我们目睹了智能手机、移动支付、共享经济等创新成果对生活的巨大改变。而未来十年&#xff0c;科技的步伐将迈得更大、更快&#xff0c;它将全方位地重塑人们的生活&#xff0c;从日常出行、健康管理到工作模式、社交互动&#xff0c;每…

CSP练习笔记

CSP-J 2024.10 创建两个数组dx和dy&#xff0c;存储对应d的x&#xff0c;y值变化&#xff0c;避免一堆if void Solve(int x){string res;bool first true;while (x){int t -1;for (int j 0; j < 9; j){if (x > a[j] && f[x] f[x - a[j]] 1){ // 能够摆出数…

深度学习——pytorch基础入门

一、张量 在PyTorch中&#xff0c;张量是PyTorch中最基本的数据结构。张量可以看作是一个多维数组&#xff0c;可以在GPU上加速运算。PyTorch的张量和Numpy的数组非常类似&#xff0c;但是与Numpy不同的是&#xff0c;PyTorch的张量可以自动地在GPU上进行加速计算。 PyTorch中的…

web服务器+selinux实验

实验1&#xff1a;基本实现 yum install nginx -y systemctl start nginx.service systemctl restart nginx.service vim /etc/nginx/nginx.conf 修改配置文件 把 root 的路径改为 /var/www/html echo "hello world" > /var/www/html/index.html 重启服务 [ro…

django网上商城系统

Django网上商城系统是一种基于Django框架构建的电子商务解决方案&#xff0c;它充分利用了Django框架的强大功能&#xff0c;为开发者提供了一个快速构建在线商店的平台。 一、系统架构与技术栈 Django网上商城系统采用MVC&#xff08;模型-视图-控制器&#xff09;架构&…

深度学习与计算机视觉 (博士)

文章目录 零、计算机视觉概述一、深度学习相关概念1.学习率η2.batchsize和epoch3.端到端(End-to-End)、序列到序列(Seq-to-Seq)4.消融实验5.学习方式6.监督学习的方式(1)有监督学习(2)强监督学习(3)弱监督学习(4)半监督学习(5)自监督学习(6)无监督学习(7)总结&#xff1a;不同…

R语言的面向对象编程

R语言的面向对象编程 引言 R语言是一种广泛应用于统计分析、数据可视化以及数据科学的编程语言。在传统的编程范式中&#xff0c;R语言主要采用的是命令式编程和函数式编程的风格。然而&#xff0c;随着数据科学的深入发展&#xff0c;面向对象编程&#xff08;OOP&#xff0…