HTML5网页设计小案例:帝豪集团总裁办通知网页设计

news2024/11/15 11:01:12

前言:本案例使用了HTML5和CSS3的知识点,使用HTML5设置了页面的基本布局,使用CSS3给字体设置了颜色,大小,类型,是否居中等内容,使页面设计更加美观。

帝豪集团总裁办通知网页设计HTML5全部代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	 <link rel="stylesheet" type="text/css" href="111.css"/>
	 <!--
	 	link标签:调用外部css样式
	 -->
	</head>
	<body>
		<hr />
		<h1 id="aaa">帝豪集团总裁办通知</h1>
		<hr />
		<p>【发布单位】集团总裁办</p>
		<p>【发布文号】集团总裁办发〔2023〕17号</p>
        <p>【发布日期】2023年7月27日</p>
        <p id="b">各子公司,各直属机构:</p>
        <p id="cc">《2023年第三季度工作计划安排》已经集团董事会同意,现印发给你们,请结合实际认真贯彻落实。</p>
        <p class="e">集团总裁办</p>
        <p class="e">2023年7月27日</p>
	</body>
</html>

帝豪集团总裁办通知网页设计CSS3全部代码如下:

	p{
		font-family: "微软雅黑";
		font-size: 23px;
		      
		}
	#aaa{
		color: #FF0000;
		text-align: center;
	    font-family: "微软雅黑";
			}
			#b{
				font-family: arial;
				font-size: 20px;
			}
			
			#cc{
				font-size: 18px;
			    text-indent: 2em;
			}
	.e{
		text-align: right;
		font-size: 15px;
	}
	/*
	 font-size:字体大小
	 font-famiily:字体类型
	 text-align: center;字体居中,浏览器默认字体靠左
	 text-indent:2em:段落首行缩进2个字符
	 color:字体颜色
	 
	 */

帝豪集团总裁办通知网页设计图片如下:

 

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

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

相关文章

浮点数如何转二进制?

本文转载自CodeSheep这位大佬的推文https://mp.weixin.qq.com/s/LVpvmBO0GY6TC4gwL_12Yw 一、浮点数在计算机中是如何表示的&#xff1f;   学过《计算机组成原理》或者类似《计算机系统》这些课程的小伙伴们应该都知道&#xff0c;浮点数在计算机中的存储方式遵循IEEE 754浮…

如何维护你的电脑:提升性能和延长使用寿命

如何维护你的电脑&#xff1a;提升性能和延长使用寿命 &#x1f607;博主简介&#xff1a;我是一名正在攻读研究生学位的人工智能专业学生&#xff0c;我可以为计算机、人工智能相关本科生和研究生提供排忧解惑的服务。如果您有任何问题或困惑&#xff0c;欢迎随时来交流哦&…

本地编译rocketmq源码

源码下载 RocketMq下载 运行 这是rocketmq源码大致的业务分层&#xff0c;本地调试主要是启动nameserver和broker&#xff0c;其他的发送和接收的实现代码可直接使用example包中的官方例子&#xff0c;也可以自己编码代码实现。 启动namesrv包下的启动类&#xff0c;Namesrv…

【视觉SLAM入门】4.2 非线性最小二乘理论部分------线搜索,信赖域,最速/牛顿下降法,高斯牛顿,LM等原理推导

"天之道也" 0. 引入1. 最速下降法2. 牛顿法3. (实用)G-N法4. (实用)L-M方法5. 总结 注意&#xff1a; 上一节得到的最小二乘问题&#xff0c;本节来讨论---- 求解非线性最小二乘问题 \color {red}求解非线性最小二乘问题 求解非线性最小二乘问题 0. 引入 求解这个简…

在线 Javascript 代码编辑器,有代码提示功能

分享一个在线代码编辑器&#xff0c;有代码提示功能 github地址&#xff1a; https://github.com/microsoft/monaco-editor 在线预览&#xff1a;https://microsoft.github.io/monaco-editor/playground.html?sourcev0.40.0#example-creating-the-editor-hello-world 效果图…

7. Spring Boot 配置文件

目录 1. 配置文件作用 2. 配置文件格式 3. properties 配置文件说明 3.1 properties 基本语法 3.2 读取配置文件 3.3 缺点 4. yml 配置文件说明 4.1 properties 基本语法 4.2 读取配置文件 4.3 yml 配置不同的数据类型 布尔值 整数值 null 值 配置对象 配置集合 …

有状态的应用如何部署 1?

前面我们分享很多关于 K8S 的内容&#xff0c;有没有发现 pod 都是无状态&#xff0c;RS / RC 管理的 pod 也是无状态的&#xff0c;我们可以任意删除一个 pod&#xff0c;副本管理器又会马上给我们创建一个 pod 那么如果咱们的这个 pod 是有挂载持久卷的&#xff0c;那么我们…

java -- Stringbuild、Date和Calendar类

Stringbuild类 由于String类的对象内容不可改变&#xff0c;每次拼接都会构建一个新的String对象&#xff0c;既耗时&#xff0c;又浪费内存空间 这时需要通过java提供的StringBuild类解决这个问题 StringBuilder又称为可变字符序列&#xff0c;它是一个类似于 String 的字符串…

详解python中的类、模块、包的概念和区别

目录 Python中的类 Python中的模块 Python中的包 三者的区别 Python中的类 在Python中&#xff0c;类&#xff08;Class&#xff09;是一种面向对象编程&#xff08;Object-Oriented Programming, OOP&#xff09;的概念&#xff0c;用于创建具有相似属性和行为的对象的模板…

索马里ECTN认证开船后办?都可以办的,

索马里ECTN认证开船后办&#xff1f;都可以办的&#xff0c;没有特别时间要求&#xff0c;可以在开船前办&#xff0c;也可以在开船后再办。因为索马里ECTN货物跟踪单看上去像是一份“证书”的文件&#xff0c;主要作用是用于目的港清关&#xff0c;所以很多客户习惯把它称为EC…

Mybatis使用collection映射一对多查询分页问题

场景&#xff1a;页面展示列表&#xff0c;需要查询多的字段&#xff0c;和一的字段。并且还要分页。 这时候直接想到的是手写sql。 /*** 标签*/private List<BasicResidentTags> tags;原来的sql 。 <!--一对多映射--><resultMap id"many" type&qu…

(2)Mission Planner概述

文章目录 前言 2.1 什么是Mission Planner 2.2 历史 2.3 支持 2.4 浏览文档 前言 Mission Planner 是 ArduPilot 开源自动驾驶仪项目的全功能地面站应用程序。本页包含 Mission Planner 的背景信息和本网站的组织结构。 2.1 什么是Mission Planner Mission Planner 是用于…

Nginx动静分离、资源压缩、负载均衡、黑白名单、防盗链等实战

一、前言 Nginx是目前负载均衡技术中的主流方案&#xff0c;几乎绝大部分项目都会使用它&#xff0c;Nginx是一个轻量级的高性能HTTP反向代理服务器&#xff0c;同时它也是一个通用类型的代理服务器&#xff0c;支持绝大部分协议&#xff0c;如TCP、UDP、SMTP、HTTPS等。 二、…

搭建微服务基础环境

创建使用会员微服务模块-service consumer 3.1需求分析 浏览器向service consumer请求某个数据&#xff0c;service consumer会去向service provider请求数据&#xff0c;然后将service provider返回的数据返回给浏览器。 添加数据同理。 3.2思路分析 创建Module&#xff0…

全光谱对眼睛视力好不好?全光谱对眼睛的影响

什么是全光谱&#xff1f;全光谱指的是光谱中包含紫外光、可见光、红外光的光谱曲线&#xff0c;并且在可见光部分中红绿蓝的比例与阳光近似&#xff0c;显色指数Ra接近于100的光谱。与普通LED相比&#xff0c;全光谱LED光谱更加连续&#xff0c;色域更广泛。简单来说&#xff…

c语言结构体知识系统详解

本篇文章带来结构体相关知识与结构体内存对齐的规则详细讲解&#xff01; 如果您觉得文章不错&#xff0c;期待你的一键三连哦&#xff0c;你的鼓励是我创作的动力之源&#xff0c;让我们一起加油&#xff0c;一起奔跑&#xff0c;让我们顶峰相见&#xff01;&#xff01;&…

广州华锐互动:水利数字孪生智能管理系统的特色

水利数字孪生智能管理系统是一种基于数字孪生的新型水利管理工具&#xff0c;它通过将现实世界中的水利设施和设备数字化&#xff0c;并在虚拟环境中进行模拟和分析&#xff0c;为水利管理者提供更加直观、精准的决策支持。该系统具有以下亮点&#xff1a; 首先&#xff0c;水利…

你有英语成绩或证书吗?申请中国人民大学与加拿大女王大学金融硕士是否需要英语?

随着经济全球化的发展&#xff0c;英语的重要性也愈发明显。英语作为世界通用程度较高的语言&#xff0c;在传播本国文化及国际交往中起着不可替代的作用。中国综合国力的巨大提升&#xff0c;让世界开始认真倾听来自中国的声音。这样的现实背景之下&#xff0c;我们强调中国文…

Python(四十五)二层循环中的break和continue

❤️ 专栏简介&#xff1a;本专栏记录了我个人从零开始学习Python编程的过程。在这个专栏中&#xff0c;我将分享我在学习Python的过程中的学习笔记、学习路线以及各个知识点。 ☀️ 专栏适用人群 &#xff1a;本专栏适用于希望学习Python编程的初学者和有一定编程基础的人。无…

HBase Compaction 原理与线上调优实践

作者&#xff1a;vivo 互联网存储技术团队- Hang Zhengbo 本文对 HBase Compaction 的原理、流程以及限流的策略进行了详细的介绍&#xff0c;列举了几个线上进行调优的案例&#xff0c;最后对 Compaction 的相关参数进行了总结。 一、Compaction 介绍 HBase 是基于一种 LSM-…