当前位置： 首页 > news >正文

Java Web学习笔记5——基础标签和样式

news 文章来源：https://blog.csdn.net/chang_chunhua/article/details/139429371 2025/2/3 16:17:22

<!DOCTYPE html>

html有很多版本，那我们应该告诉用户和浏览器我们现在使用的是HMTL哪个版本。

声明为HTML5文档。

字符集：

UTF-8：现在最常用的字符编码方式。

GB2312：简体中文

BIG5：繁体中文、港澳台等方式；

GBK：全部中文字符：是GB2312的扩展，加入对繁体字的支持，兼容GB2312  （国标的扩展）

记住：以后，我们统一使用UTF-8字符集，这样就避免出现字符集不统一而引起的乱码的情况。

图片标签：<img>

src: 指定图像的URL（绝对路径/相对路径）

绝对路径：

绝对磁盘路径

绝对网络路径

相对路径：

./  当前路径  ./可以省略

../ 上一级目录

修改好文件，要注意保存。

width：图像的宽度（像素px/相对于父元素的百分比）

height：图像的高度（像素px/相对于父元素的百分比）

标题标签：<h1>...<h6>

水平分割线：<hr>

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器的兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>焦点访谈：中国底气 新思想夯实大国粮仓</title>
</head>
<body><img src="img/news_logo.png"> 新浪政务 > 正文<h1>焦点访谈：中国底气 新思想夯实大国粮仓</h1><hr>2024年6月4日 21:50 央视网<hr>
</body>
</html>

CSS的引入方式：

1）行内样式：写在标签的style属性中（不推荐）

<h1 style="XXX: XXX; XXX: XXX;">中国新闻网</h1>

属性名：属性值

2）内嵌样式：写在style标签中（可以写在页面的任何位置，但通常约定写在head

中）

<style>

h1 {

XXX: XXX;

XXX: XXX;

}

</style>

3）外联样式：写在一个单独的.css文件中（但需要通过link标签在网页中引入）。

h1 {

XXX: XXX;

XXX: XXX;

}

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器的兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>焦点访谈：中国底气 新思想夯实大国粮仓</title><!-- 方式二：内嵌样式 --><style>h1 {color: red;}</style><!-- <link rel="stylesheet" href="css/news.css"> -->
</head>
<body><img src="img/news_logo.png"> 新浪政务 > 正文<!-- 方式一：行内的样式 不推荐<h1 style="color: red;">焦点访谈：中国底气 新思想夯实大国粮仓</h1> --><h1>焦点访谈：中国底气 新思想夯实大国粮仓</h1><hr>2024年6月4日 21:50 央视网<hr>
</body>
</html>

颜色表示方法：

相关文章：

Java Web学习笔记5——基础标签和样式

<!DOCTYPE html> html有很多版本&#xff0c;那我们应该告诉用户和浏览器我们现在使用的是HMTL哪个版本。 声明为HTML5文档。 字符集&#xff1a; UTF-8&#xff1a;现在最常用的字符编码方式。 GB2312&#xff1a;简体中文 BIG5&#xff1a;繁体中文、港澳台等方式…...

编程日记 2024/6/5 7:49:39

01_深度学习基础知识

1. 感知机 感知机通常情况下指单层的人工神经网络，其结构与 MP 模型类似（按照生物神经元的结构和工作原理造出来的一个抽象和简化了模型，也称为神经网络的一个处理单元） 假设由一个 n 维的单层感知机，则： x 1 x_1 x1​ 至 x n x_n xn​ 为 n 维输入向量的各个分量w 1 j…...

编程日记 2024/6/5 7:48:38

60、最大公约数

最大公约数 题目描述 给定n对正整数ai,bi&#xff0c;请你求出每对数的最大公约数。 输入格式 第一行包含整数n。 接下来n行&#xff0c;每行包含一个整数对ai,bi。 输出格式 输出共n行&#xff0c;每行输出一个整数对的最大公约数。 数据范围 1 ≤ n ≤ 1 0 5 , 1≤n≤…...

编程日记 2024/6/5 7:47:37

设计模式在芯片验证中的应用——迭代器

一、迭代器设计模式 迭代器设计模式(iterator)是一种行为设计模式&#xff0c; 让你能在不暴露集合底层表现形式 &#xff08;列表、 栈和树等数据结构&#xff09; 的情况下遍历集合中所有的元素。 在验证环境中的checker会收集各个monitor上送过来的transactions&#xff0…...

编程日记 2024/6/5 7:45:36

imx6ull - 制作烧录SD卡

1、参考NXP官方的手册《i.MX_Linux_Users_Guide.pdf》的这一章节&#xff1a; 1、SD卡分区 提示&#xff1a;我们常用的SD卡一个扇区的大小是512字节。 先说一下i.MX6ULL使用SD卡启动时的分区情况&#xff0c;NXP官方给的镜像布局结构如下所示&#xff1a; 可以看到&#xff0c…...

编程日记 2024/6/5 7:40:31

使用chatgpt api快速分析pdf

需求背景 搞材料的兄弟经常要分析pdf&#xff0c;然后看到国外有产品是专门调用chatpdf来分析pdf的&#xff0c;所以就来问我能不能帮他也做一个出来。正好我有chatgpt的api&#xff0c;所以就研究了一下这玩意怎么弄。 需求分析 由于chatgpt是按字符算钱的&#xff0c;所以…...

编程日记 2024/6/5 7:37:29

Vue：状态管理pinia

安装 npm install pinia在 main.js 中注册 // main.jsimport { createApp } from vue import { createPinia } from "pinia"; import App from ./app.vueconst app createApp(App) const pinia createPinia(); app.use(pinia).mount(#app)创建 store // stores/…...

编程日记 2024/6/5 7:36:28

【Android Studio】导入import android.support.v7.app.AppcompatActivity；时报错

一、问题描述 在进行安卓项目开发时使用import android.support.v7.app.AppcompatActivity;报错&#xff1a; 运行后会有乱码出现&#xff1a; 二、解决办法 将import android.support.v7.app.AppcompatActivity;改为import androidx.appcompat.app.AppCompatActivity;基本上…...

编程日记 2024/6/5 7:34:26

汽车区域控制器技术分析

汽车区域控制器的起源与发展 随着汽车技术的不断发展，汽车电子电气架构也在经历着深刻的变革。汽车区域控制器作为一种新兴的技术，正逐渐成为汽车电子电气架构的重要组成部分。 在早期，汽车电子电气架构主要采用分布式架构。这种架构下，各个电子控制单元（ECU）分别负责不…...

编程日记 2024/6/5 7:33:25

myEclipse新手使用教程

myEclipse新手使用教程 一、引言 myEclipse是一款流行的Java集成开发环境&#xff08;IDE&#xff09;&#xff0c;它集成了众多的开发工具&#xff0c;为Java开发者提供了一个强大的开发平台。本文将详细介绍如何下载、安装和配置myEclipse&#xff0c;以及如何创建一个简单…...

编程日记 2024/6/5 7:31:22

【WPF编程宝典】第6讲：资源

研究了 WPF 资源系统使得在应用不同部分可以重用相同对象的原理&#xff0c;介绍了如何在代 码和标记中声明资源&#xff0c;如何提取系统资源&#xff0c;以及如何使用类库程序集在应用程序之间共享资源。 1.资源基础 1.1静态资源和动态资源 区别&#xff1a;静态资源只从资…...

编程日记 2024/6/5 7:30:21

容器化部署Pig微服务快速开发框架

系统说明 基于 Spring Cloud 、Spring Boot、 OAuth2 的 RBAC 企业快速开发平台&#xff0c; 同时支持微服务架构和单体架构 提供对 Spring Authorization Server 生产级实践&#xff0c;支持多种安全授权模式 提供对常见容器化方案支持 Kubernetes、Rancher2 、Kubesphere、E…...

编程日记 2024/6/5 7:26:16

Windows编程：图标资源、光标资源、字符串资源、加速键资源、WM_PAINT消息、绘图

承接前文&#xff1a; win32窗口编程windows 开发基础win32-注册窗口类、创建窗口win32-显示窗口、消息循环、消息队列win32-鼠标消息、键盘消息、计时器消息、菜单资源 本文目录 图标资源光标资源WM_SETCURSOR 消息 字符串资源加速键资源WM_PAINT 消息绘图绘图编程绘图基础基…...

编程日记 2024/6/5 7:25:14

【2024 短剧0元轻资产创业风口】做自己的老板，做新媒体的领路人

好省短剧邀请码2Urux1ZoQm(长按复制粘贴即可)大多数好省短剧推广活动都会通过官方渠道发布邀请码。您可以通过关注官方社交媒体账号、订阅电子邮件通知或参与官方网站上的活动，获得邀请码的机会。官方渠道通常会提前公布邀请码的获取方式和条件，您只需按照要求执行即可。好省…...

编程日记 2024/6/5 7:24:13

Docker安装Bitbucket

centos7版本 [rootlocalhost ~]# cat /etc/os-release NAME"CentOS Linux" VERSION"7 (Core)" ID"centos" ID_LIKE"rhel fedora" VERSION_ID"7" PRETTY_NAME"CentOS Linux 7 (Core)" ANSI_COLOR"0;31"…...

编程日记 2024/6/5 7:21:10

FlyMcu串口下载STLINK Utility

一、FlyMcu程序烧录软件 1、可以通过串口给STM32下载程序&#xff0c;如果没有STLINK&#xff0c;就可以用这个软件通过串口下载程序&#xff0c;和STC的51单片机的烧录软件STC-ISP一样&#xff0c;通过串口给单片机下载程序 2、创建串口下载所需要的HEX文件 3、选择串口和波…...

编程日记 2024/6/5 7:20:07

CSS（盒子模型，定位，浮动，扩展）

CSS 盒子模型&#xff1a;外边距&#xff1a;内边距&#xff1a;水平居中&#xff1a; 定位&#xff1a;相对定位&#xff1a;绝对定位&#xff1a;固定定位&#xff1a; 浮动&#xff1a;扩展&#xff1a; 盒子模型&#xff1a; 盒子模型(Box Model) 规定了元素框处理元素内容…...

编程日记 2024/6/5 7:19:06

AIGC如何改变人类生活20240529

AIGC如何改变人类生活 随着人工智能技术的不断发展&#xff0c;人类生活正经历着前所未有的变革。在这个过程中&#xff0c;AIGC&#xff08;人工智能生成内容&#xff09;的概念应运而生&#xff0c;它已经在很多领域产生了深远的影响。本文将探讨AIGC如何改变人类生活&#…...

编程日记 2024/6/5 7:18:05

【python】成功解决“TypeError: ‘method’ object is not subscriptable”错误的全面指南

成功解决“TypeError: ‘method’ object is not subscriptable”错误的全面指南 一、引言 在Python编程中&#xff0c;TypeError: method object is not subscriptable错误是一个常见的陷阱&#xff0c;特别是对于初学者来说。这个错误通常意味着你尝试像访问列表、元组、字典…...

编程日记 2024/6/5 7:17:04

若依 Spring Security 短信，扫码登录

1. 修改 LoginBody&#xff0c;添加登录类型字段 Data public class LoginBody {/*** 用户名*/private String username;/*** 用户密码*/private String password;/*** 验证码*/private String code;/*** 唯一标识*/private String uuid;/*** 登录类型*/private String logi…...

编程日记 2024/6/5 7:14:00

Web 网页性能优化

Web 网页性能及性能优化 一、Web 性能 Web 性能是 Web 开发的一个重要方面&#xff0c;侧重于网页加载速度以及对用户输入的响应速度 通过优化网站来改善性能&#xff0c;可以在为用户提供更好的体验 网页性能既广泛又非常深入 1. 为什么性能这么重要&#xff1f; 1. 性能…...

编程日记 2024/6/5 7:12:59

JDBC-MySQL

JDBC-MySQL 1.JDBC 操作步骤1.1 DriverManager1.2.Connection对象1.3 Statement1.4 PreparedStatement 1.JDBC 操作步骤 public void quickStart() throws ClassNotFoundException, SQLException {//1、注册驱动 &#xff08;确认要使用哪个数据库&#xff09;Class.forName(&…...

编程日记 2024/6/5 7:11:58

MySQL经典练习50题(上)（解析版）

所有笔记、生活分享首发于个人博客 想要获得最佳的阅读体验&#xff08;无广告且清爽&#xff09;&#xff0c;请访问本篇笔记 MySQL经典练习50题&#xff08;上&#xff09; 创建数据库和表 -- 建 表 -- 学 生 表 CREATE TABLE Student( s_id VARCHAR(20), s_name VARCHAR(2…...

编程日记 2024/6/5 7:10:57

每日一题33：数据统计之广告效果

一、每日一题 返回结果示例如下&#xff1a; 示例 1&#xff1a; 输入&#xff1a; Ads 表: ------------------------- | ad_id | user_id | action | ------------------------- | 1 | 1 | Clicked | | 2 | 2 | Clicked | | 3 | 3 | Viewed…...

编程日记 2024/6/5 7:07:53

52、有边数限制的最短路

有边数限制的最短路 题目描述 给定一个n个点m条边的有向图&#xff0c;图中可能存在重边和自环&#xff0c; 边权可能为负数。 请你求出从1号点到n号点的最多经过k条边的最短距离&#xff0c;如果无法从1号点走到n号点&#xff0c;输出impossible。 注意&#xff1a;图中可…...

编程日记 2024/6/5 7:06:52

Spring boot实现基于注解的aop面向切面编程

Spring boot实现基于注解的aop面向切面编程 背景 从最开始使用Spring&#xff0c;AOP和IOC的理念就深入我心。正好&#xff0c;我需要写一个基于注解的AOP&#xff0c;被这个注解修饰的参数和属性&#xff0c;就会被拿到参数并校验参数。 一&#xff0c;引入依赖 当前sprin…...

编程日记 2024/6/5 7:03:46

MySQL之查询性能优化(四)

查询性能优化 MySQL客户端/服务器通信协议 一般来说&#xff0c;不需要去理解MySQL通信协议的内部实现细节&#xff0c;只需要大致理解通信协议是如何工作的。MySQL客户端和服务器之间的通信协议是"半双工"的&#xff0c;这意味着&#xff0c;在任何一个时刻&#…...

编程日记 2024/6/5 6:59:42

定时任务详解

文章目录 定时任务详解JDK自带第三方任务调度框架java有哪些定时任务的框架为什么需要定时任务定时任务扫表的方案有什么缺点Quartzxxl-jobxxl-job详解 elastic-job 定时任务详解 在定时任务中&#xff0c;操作系统或应用程序会利用计时器或定时器来定期检查当前时间是否达到了…...

编程日记 2024/6/5 6:58:41

OnlyOffice DocumentServer 8.0.1编译破解版本（￥100）

OnlyOffice DocumentServer 8.0.1编译破解版本&#xff08;&#xffe5;100&#xff09; 破解20人数限制 更换中文字体 修改源码&#xff0c;根据业务自定义服务 根据源码在本机启动项目&#xff0c;便于开发 将编译好的服务打包docker镜像运行 提供各种docker镜像包&…...

编程日记 2024/6/5 6:57:40

Android 应用权限

文章目录 权限声明uses-permissionpermissionpermission-grouppermission-tree其他uses-feature 权限配置 权限声明 Android权限在AndroidManifest.xml中声明&#xff0c;<permission>、 <permission-group> 、<permission-tree> 和<uses-permission>…...

编程日记 2024/6/5 6:56:39

公司设计网站需要多少钱/营销推广型网站

原标题&#xff1a;浪潮信息打造新型液冷超算方案&#xff0c;助力创新港建设高性能计算平台当下&#xff0c;高性能计算平台是数字技术发展的主要驱力&#xff0c;同时也是科学发展、人才培养、服务社会的重要支撑。浪潮信息聚焦西安交通大学师生以及中国西部科技创新港科研人…...

编程日记 2025/2/3 15:39:52

南阳专业做网站公司/百度提交网站入口

一道很水的topsort,唉&#xff1f;怎么交了14遍...&#xff08;某人用我的代码刚好卡过&#xff0c;我怎么过不去...【鄙视】【鄙视】【鄙视】&#xff09; #include <bits/stdc.h>using namespace std;#define INF 0x3f3f3f3f #define MAXN 1000010 #define MAXM 5010in…...

编程日记 2025/2/3 12:04:20

嘉定网站建设公司/杭州百度快照优化排名推广

Description 对于序列A&#xff0c;它的逆序对数定义为满足i<j&#xff0c;且Ai>Aj的数对(i,j)的个数。给1到n的一个排列&#xff0c;按照某种顺序依次删除m个元素&#xff0c;你的任务是在每次删除一个元素之前统计整个序列的逆序对数。 Solution 比较明显的CDQ分治维护…...

编程日记 2025/2/3 8:34:34

做网站时默认字体是微软雅黑/谷歌浏览器下载手机版app

Jsp (java server page) 1.jsp是什么? sun公司制订的一种服务器端动态页面技术规范。 注&#xff1a; a.虽然使用servlet也可以生成动态页面&#xff0c;但是过于繁琐(需要使用out.println语句输出)&#xff0c;并且维护麻烦(要修改页面&#xff0c;就必须修改java代码)。所…...

编程日记 2025/2/3 8:03:18

做网站的基本流程/自己如何注册一个网站

在使用solidworks打开STP文件时通常是打开之后什么模型都没有&#xff0c;其实是软件找不到模板&#xff0c;为什么出现这种情况呢&#xff1f;是因为安装SOLIDWORKS软件后的默认模板一般为空。如何解决SOLIDWORKS打开STP文件时提示找不到模板的方法如下(注意&#xff1a;此方法…...

编程日记 2025/2/3 6:25:36

网站上的图片多大合适/网络营销软文范文

安装mysql 参考文档 其实mysql是我第一个安装的软件&#xff0c;数字1和字母l让我吃尽了苦头。还有很多字母拼写总是或拼写错。后来还是没办法&#xff0c;用ssl链接系统。通过网页粘贴命令。 use database 创建数据表 信息数据录入表 create table mqttmes( MS_id int not…...

编程日记 2025/2/3 3:12:58