编程笔记 html5cssjs 001 第一个网页

news/2024/4/19 15:03:40/文章来源:https://blog.csdn.net/qq_40071585/article/details/136562581

编程笔记 html5&css&js 001 第一个网页

  • 一、代码
  • 二、解释

这是第一个网页,也是一个模板。

一、代码

<!-- 声明文档类型 -->
<!DOCTYPE html>
<html lang = "zh-cn" ><!-- 页面头部开始 --><head ><!-- 设置页面标题 --><title >编程笔记 html5&css&js 第一个页面</title ><!-- 设置文档字符集为UTF-8 --><meta charset = "utf-8" /><!-- 开始内联样式定义 --><style >/* 选择你喜欢的颜色吧 */body {<!-- 设置文字颜色为青色 -->color: cyan;<!-- 设置背景颜色为蓝绿色 -->background-color: teal;}</style ></head ><!-- 页面主体开始 --><body ><!-- 添加一级标题 --><h1 >这是我的第一个页面也是一个母板</h1 ><!-- 添加一个段落 --><p >这是一个段落内容</p ></body >
</html > <!-- 结束HTML文档 -->

二、解释

  1. 声明文档类型

    • <!DOCTYPE html>:此行声明了文档类型为HTML5,告诉浏览器应按照HTML5规范解析和渲染页面。
  2. HTML标签及语言设置

    • <html lang="zh-cn">:定义整个HTML文档的开始,并指定文档的语言是简体中文(zh-cn)。
  3. 页面头部 (head)

    • <head>:这部分包含不直接显示在网页上的元信息。

    • 设置页面标题

      • <title>编程笔记 html5&css&js 第一个页面</title>:定义浏览器标签页显示的页面标题,也用于搜索引擎优化。
    • 设置字符集

      • <meta charset="utf-8">:告知浏览器使用UTF-8编码来解码网页内容,确保正确显示各种语言文字。
    • 内联样式定义

      • <style>:在此标签内部可以定义CSS样式。
      • 内部CSS规则:
        • body { color: cyan; background-color: teal; }:设置body元素内的文本颜色为青色(cyan),背景颜色为蓝绿色(teal)。
  4. 页面主体 (body)

    • <body>:这部分包含了所有在网页上可见的内容。

    • 添加一级标题

      • <h1>这是我的第一个页面也是一个母板</h1>:创建一个一级标题,内容为“这是我的第一个页面也是一个母板”。
    • 添加一个段落

      • <p>这是一个段落内容</p>:创建一个段落,内容为“这是一个段落内容”。
  5. 结束HTML文档

    • </html>:表示HTML文档的结束。

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

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

相关文章

ChatGPT推出新“朗读”功能 支持多语言与声音;使用大型语言模型增强分类数据集

&#x1f989; AI新闻 &#x1f680; ChatGPT推出新“朗读”功能 支持多语言与声音 摘要&#xff1a;OpenAI最新为其流行的聊天机器人ChatGPT引入了一项名为“朗读”的功能&#xff0c;这使得ChatGPT能用五种不同的声音朗读回复&#xff0c;并支持37种语言的自动检测与朗读。…

Aop注解+Redis解决SpringBoot接口幂等性(源码自取)

目录 一、什么是幂等性&#xff1f; 二、哪些请求天生就是幂等的&#xff1f; 三、为什么需要幂等 1.超时重试 2.异步回调 3.消息队列 四、实现幂等的关键因素 关键因素1 关键因素2 五、引入幂等性后对系统的影响 六、Restful API 接口的幂等性 实战Aop注解redis解…

Java代码审计安全篇-常见Java SQL注入

前言&#xff1a; 堕落了三个月&#xff0c;现在因为被找实习而困扰&#xff0c;着实自己能力不足&#xff0c;从今天开始 每天沉淀一点点 &#xff0c;准备秋招 加油 注意&#xff1a; 本文章参考qax的网络安全java代码审计&#xff0c;记录自己的学习过程&#xff0c;还希望…

el根据需求合并列

将 列分为 3 3 1 的格式 以下是vue代码&#xff1a; <el-table:data"dataSource":border"true":header-cell-style"{ font-weight: normal, text-align: center }":cell-style"{ text-align: center }"size"mini"style…

git分布式管理-头歌实验搭建Git服务器

一、Git服务器搭建 任务描述 虽然有提供托管代码服务的公共平台&#xff0c;但是对一部分开发团队来说&#xff0c;为了不泄露项目源代码、节省费用及为项目提供更好的安全保护&#xff0c;往往需要搭建私有Git服务器用做远程仓库。Git服务器为团队的开发者们&#xff0c;提供了…

智能驾驶规划控制理论学习08-自动驾驶控制模块(轨迹跟踪)

目录 一、基于几何的轨迹跟踪方法 1、基本思想 2、纯追踪 3、Stanly Method 二、PID控制器 三、LQR&#xff08;Linear Quadratic Regulator&#xff09; 1、基本思想 2、LQR解法 3、案例学习 基于LQR的路径跟踪 基于LQR的速度跟踪 4、MPC&#xff08;Mode…

2024AI在医疗领域中的辅助趋势与现有进展

2024 年 AI 辅助研发趋势随着人工智能技术的持续发展与突破&#xff0c;2024年AI辅助研发正成为科技界和工业界瞩目的焦点。从医药研发到汽车设计&#xff0c;从软件开发到材料科学&#xff0c;AI正逐渐渗透到研发的各个环节&#xff0c;变革着传统的研发模式。在这一背景下&am…

计算机设计大赛 深度学习验证码识别 - 机器视觉 python opencv

文章目录 0 前言1 项目简介2 验证码识别步骤2.1 灰度处理&二值化2.2 去除边框2.3 图像降噪2.4 字符切割2.5 识别 3 基于tensorflow的验证码识别3.1 数据集3.2 基于tf的神经网络训练代码 4 最后 0 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x…

基于PHP的景点数据分析系统设计与实现

目 录 摘 要 I Abstract II 引 言 1 1 关键理论与技术 3 1.1 框架技术 3 1.1.1 QueryList 3 1.1.2 ThinkPHP 3 1.1.3 Amaze UI 3 1.2 数据可视化技术 4 1.3 数据库技术 4 1.4 本章小结 4 2 需求分析 5 2.1 业务流程分析 5 2.2 功能需求分析 5 2.3 用例分析 7 2.4 非功能性需求…

短剧APP系统开发,2024年最具潜力的赛道

短剧从去年开始就呈现暴风式上涨&#xff0c;占据了大众的空闲时间&#xff0c;刷到短剧的观众几乎都会沉迷进去&#xff0c;让人欲罢不能。今年春节一部《我在八零年代当后妈》的短剧就突破了日充值达2000万的惊人数据&#xff0c;更加刺激了短剧制作商&#xff0c;短剧市场的…

第三篇【传奇开心果系列】Python的自动化办公库技术点案例示例:深度解读Pandas股票市场数据分析

传奇开心果博文系列 系列博文目录Python的自动化办公库技术点案例示例系列 博文目录前言一、Pandas进行股票市场数据分析常见步骤和示例代码1. 加载数据2. 数据清洗和准备3. 分析股票价格和交易量4. 财务数据分析 二、扩展思路介绍1. 技术指标分析2. 波动性分析3. 相关性分析4.…

线上问题——学习记录幂等判断失效问题分析

一、业务流程 上图是对save和saveScore两个接口的流程抽象&#xff0c;save是上传答题数据&#xff0c;saveScore则是上传答题分数&#xff0c;为保证幂等和防止并发调用&#xff0c;这两个接口都加了分布式锁&#xff08;还是两层哦&#xff09;。第一层使用的是不同的锁&…

设计模式大题做题记录

设计模式大题 09年 上半年&#xff1a; 09年下半年 10年上半年 10年下半年 11年上半年 11年下半年 12年上半年 12年下半年 13年上半年 13年下半年

【DP】蓝桥杯第十三届-费用报销

#include<iostream> #include<algorithm> #include<cstring> #include<set> #include<queue> using namespace std; const int N1010; int dp[N][5010];//dp[i][j]:选到第i个物品是否能取到价值j&#xff1b; int month[13]{0,31,28,31,30,31,30…

python+requests+pytest+allure自动化测试框架

&#x1f345; 视频学习&#xff1a;文末有免费的配套视频可观看 &#x1f345; 关注公众号【互联网杂货铺】&#xff0c;回复 1 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 1、核心库 requests request请求 openpyxl excel文件操作 log…

如何使用 ArcGIS Pro 制作三维地形图

伴随硬件性能的提高和软件算法的优化&#xff0c;三维地图的应用场景会越来越多&#xff0c;这里为大家介绍一下在ArcGIS Pro怎么制作三维地形图&#xff0c;希望能对你有所帮助。 数据来源 教程所使用的数据是从水经微图中下载的DEM和影像数据&#xff0c;除了DEM和影像数据…

【鸿蒙 HarmonyOS 4.0】常用组件:List/Grid/Tabs

一、背景 列表页面&#xff1a;List组件和Grid组件&#xff1b; 页签切换&#xff1a;Tabs组件&#xff1b; 二、列表页面 在我们常用的手机应用中&#xff0c;经常会见到一些数据列表&#xff0c;如设置页面、通讯录、商品列表等。下图中两个页面都包含列表&#xff0c;“…

分库与分表--一起学习吧之架构

分库与分表是数据库架构中用于解决单一数据库或表性能瓶颈问题的两种重要手段。随着数据量的不断膨胀&#xff0c;传统的单一数据库或表可能无法满足应用的需求&#xff0c;这时就需要考虑采用分库或分表的方式来提升性能。 一、定义 分库&#xff1a;是将原本数据量大的数据…

基于H5的旅游攻略平台设计与实现

目 录 摘 要 I Abstract II 引 言 1 1 系统开发相关技术 3 1.1框架技术 3 1.1.1 SSM框架 3 1.1.2 SpringBoot框架 3 1.1.3 Spring框架 3 1.2开发语言 3 1.2.1 HTML 3 1.2.2 JAVA 4 1.2.3 JavaScript 4 1.3数据库 4 1.4本章小结 4 2 系统分析 5 2.1 可行性分析 5 2.2 功能需求分…

开展“3·15”金融消费者权益保护教育宣传活动怎样联系媒体投稿?

在组织“315”金融消费者权益保护教育宣传活动时,传统的方式通常是银行、金融机构或其他主办单位主动联系各类媒体,包括但不限于电视台、广播电台、报纸、杂志、新闻网站、金融专业媒体、社交媒体平台等,通过邮件、电话、传真等方式提供活动新闻稿、宣传材料、现场照片等素材,请…