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

HTML5+CSS前端开发【保姆级教学】＋新闻文章初体验

news 2026/5/21 5:35:39

　　Hello，各位编程猿们！上一篇文章介绍了前端以及软件的安装，这一篇我们要继续讲解页面更多知识点，教大家做一篇新闻题材的文章

新闻文章

      当我们点开浏览器经常看到各种各样的文章，今天我们就来看看大家最喜欢关注的体育类新闻文章怎么编写

  • 首先，我们在新浪网里随意点开一篇文章，最先看文章的标题都是大黑体字，那么如何设置文章标题呢？

一、设置文章标题

  • <h1></h1>设置标题
    h1-h4标签是页面常用的文章标题标签

  • ctrl+s保存，当我们看到取的网页名称上面的有个白点就是还没保存，保存成功后运行

二、设置文章段落

    在文章中还有很多普通段落，那么怎么定义呢？

  • <p></p>设置小标题

       p标签是页面常用的文章段落标签，就是和word文档里面正文段落对应，一个p标签就是一个段落

三、设置图片插入

此外我们还可以发现文章中还有一些人物图片

<img src="路径"alt="">

  • 在中间放上图片链接

       好啦！这期的内容我们就讲到这里，快来试试制作一篇简单的新闻文章吧！！！下一期会给大家讲解基本文本标签的所有知识点的复习，如果你喜欢这篇文章，不要忘记点赞收藏加关注哦！！！

相关文章：

HTML5+CSS前端开发【保姆级教学】＋新闻文章初体验

Hello&#xff0c;各位编程猿们&#xff01;上一篇文章介绍了前端以及软件的安装&#xff0c;这一篇我们要继续讲解页面更多知识点&#xff0c;教大家做一篇新闻题材的文章 新闻文章 当我们点开浏览器经常看到各种各样的文章&#xff0c;今天我们就来看看大家最喜欢关注的体育…...

编程日记 2024/11/15 10:51:55

『VUE』26. props实现子组件传递数据给父组件（详细图文注释）

目录 本节内容示例代码总结 欢迎关注 『VUE』 专栏&#xff0c;持续更新中 欢迎关注 『VUE』 专栏&#xff0c;持续更新中 本节内容 父组件传子组件–props 子组件传父组件–自定义事件 本节讲子组件传父组件–通过props里的方法传递,就是父亲写了一个函数,给子组件调用,然后…...

编程日记 2024/11/15 10:49:52

RHCE-DNS域名解析服务器

一、DNS简介 DNS &#xff08; Domain Name System &#xff09;是互联网上的一项服务&#xff0c;它作为将域名和 IP 地址相互映射的一个分布式 数据库&#xff0c;能够使人更方便的访问互联网。 DNS 系统使用的是网络的查询&#xff0c;那么自然需要有监听的 port 。 DNS 使…...

编程日记 2024/11/15 10:46:49

移民统计年鉴(1996-2021年)

年鉴中包含了以下几个方面的数据&#xff1a; 移民数量&#xff1a;记录了每年全球移民的总数&#xff0c;以及不同国家和地区的移民流入和流出情况。 移民类型&#xff1a;区分了经济移民、难民、家庭团聚等不同类型的移民。 移民原因&#xff1a;分析了推动移民的各种因素&…...

编程日记 2024/11/15 10:45:44

MFC1（note）

引言 在学习SDK后我们发现&#xff0c;写消息好麻烦&#xff0c;处理消息更麻烦 处理消息效率低发送消息效率低 所以把SDK中这些消息全部封装好 MFC封装了windows 的大部分API 这里说一下QT架构跨平台 MFC用得如何取决于你SDK的水平 创建 如果打开没有MFC 一般勾选以下…...

编程日记 2024/11/15 10:42:41

1.1 关于游戏编程

1.1.1、游戏中客户端和服务器的交互 游戏通常采用客户端-服务器模式‌。在这种模式下&#xff0c;服务器负责处理游戏的核心逻辑、数据存储和玩家间的交互&#xff0c;而客户端则负责呈现游戏画面、接收玩家输入并与服务器通信‌。 客户端和服务器的作用和功能 ‌客户端‌&a…...

编程日记 2024/11/15 10:41:39

光流法与直接法在SLAM中的应用

本文总结视觉SLAM中常用的光流法与直接法 1、Lucas-Kanade光流法 相机所拍摄到的图像随相机视角的变化而变化&#xff0c;这种变化也可以理解为图像中像素的反向移动。“光流”&#xff08;Optical Flow&#xff09;是指通过分析连续图像帧来估计场景中像素或特征点的运动的技…...

编程日记 2024/11/15 10:40:38

C++模板特化实战：在使用开源库boost::geometry::index::rtree时，用特化来让其支持自己的数据类型

用自己定义的数据结构作为rtree的key。 // rTree的key struct OverlapKey {using BDPoint boost::geometry::model::point<double, 3, boost::geometry::cs::cartesian>; //双精度的点using MyRTree boost::geometry::index::rtree<OverlapKey, boost::geometry::in…...

编程日记 2024/11/15 10:37:34

让空间计算触手可及，VR手套何以点石成金？

引言 如何让一位母亲与她去世的小女儿“重逢”&#xff1f;韩国MBC电视台《I Met You》节目实现了一个“不可能”心愿。 在空旷的绿幕中&#xff0c;母亲Jang Ji-sung透过VR头显&#xff0c;看到了三年前因白血病去世的女儿Nayeon。当她伸出双手&#xff0c;居然能摸到女儿的…...

编程日记 2024/11/15 10:36:31

穿越数据迷宫：C++哈希表的奇幻旅程

文章目录 前言&#x1f4d4;一、unordered系列关联式容器&#x1f4d5;1.1 unordered 容器概述&#x1f4d5;1.2 哈希表在 unordered 容器中的实现原理&#x1f4d5;1.3 unordered 容器的特点 &#x1f4d4;二、unordered_set 和 unordered_map 的基本操作&#x1f4d5;2.1 un…...

编程日记 2024/11/15 10:33:27

SMT32 智能环境监测系统 嵌入式初学者课堂小组作业

一、应用知识 1&#xff0c;开发语言&#xff1a;C语言 2&#xff0c;开发工具&#xff1a;Keil uVision5、Setup_JLinkARM_V415e 3&#xff0c;开发平台&#xff1a;XCOM V2.0 4&#xff0c;开发知识&#xff1a;温湿度传感DHT11、STM32F4xx中文参考手册 5&#xff0c;文…...

编程日记 2024/11/15 10:31:25

20241114给荣品PRO-RK3566开发板刷Rockchip原厂的Android13下适配RJ45以太网卡

20241114给荣品PRO-RK3566开发板刷Rockchip原厂的Android13下适配RJ45以太网卡 2024/11/14 15:44 缘起&#xff1a;使用EVB2的方案&#xff0c;RJ45加进去怎么也不通。 实在没有办法&#xff0c;只能将荣品的SDK&#xff1a;rk-android13-20240713.tgz 解压缩&#xff0c;编译之…...

编程日记 2024/11/15 10:30:24

JVM这个工具的使用方法

JVM&#xff08;Java虚拟机&#xff09;是Java程序运行的基础环境&#xff0c;它提供了内存管理、线程管理和性能监控等功能。吃透JVM诊断方法&#xff0c;可以帮助开发者更有效地解决Java应用在运行时遇到的问题。以下是一些常见的JVM诊断方法&#xff1a; 使用JConsole: JCon…...

编程日记 2024/11/15 10:26:18

创建型设计模式与面向接口编程

创建型设计模式&#xff08;Creational Patterns&#xff09;的主要目的之一就是帮助实现面向接口编程&#xff0c;避免直接创建实现类的实例。通过这些模式&#xff0c;可以将对象的创建过程封装起来&#xff0c;使得客户端代码不需要知道具体的实现类&#xff0c;从而提高代码…...

编程日记 2024/11/15 10:24:16

算法每日双题精讲——滑动窗口（长度最小的子数组，无重复字符的最长子串）

&#x1f31f;快来参与讨论&#x1f4ac;&#xff0c;点赞&#x1f44d;、收藏⭐、分享&#x1f4e4;&#xff0c;共创活力社区。 &#x1f31f; 别再犹豫了&#xff01;快来订阅我们的算法每日双题精讲专栏&#xff0c;一起踏上算法学习的精彩之旅吧&#xff01;&#x1f4aa;…...

编程日记 2024/11/15 10:21:13

1.7 JS性能优化

从输入url到页面加载完成都做了些什么 输入 URL - 资源定位符 http://www.zhaowa.com - http 协议 域名解析 https://www.zhaowa.com > ip 1. 切HOST&#xff1f; > 浏览器缓存映射、系统、路由、运营商、根服务器 2. 实际的静态文件存放&#xff1f; 大流量 > 多个…...

编程日记 2024/11/15 10:18:09

STL - vector的使用和模拟实现

目录 一&#xff1a;vector的构造函数 二&#xff1a;vector的迭代器 三vector的空间增长问题 四&#xff1a;vector 增删查改接口 五&#xff1a;vector的模拟实现 &#xff08;一&#xff09;一些简单接口的实现&#xff1a; &#xff08;二&#xff09;一些复杂接口的…...

编程日记 2024/11/15 10:16:06

《鸿蒙生态：开发者的机遇与挑战》

一、引言 在当今科技飞速发展的时代&#xff0c;操作系统作为连接硬件与软件的核心枢纽&#xff0c;其重要性不言而喻。鸿蒙系统的出现&#xff0c;为开发者带来了新的机遇与挑战。本文将从开发者的角度出发&#xff0c;阐述对鸿蒙生态的认知和了解&#xff0c;分析鸿蒙生态的…...

编程日记 2024/11/15 10:13:02

【C++融会贯通】二叉树进阶

目录 一、内容说明 二、二叉搜索树 2.1 二叉搜索树概念 2.2 二叉搜索树操作 2.2.1 二叉搜索树的查找 2.2.2 二叉搜索树的插入 2.2.3 二叉搜索树的删除 2.3 二叉搜索树的实现 2.3.1 二叉搜索树的节点设置 2.3.2 二叉搜索树的查找函数 2.3.2.1 非递归实现 2.3.2.2 递…...

编程日记 2024/11/15 10:08:57

使用python-Spark使用的场景案例具体代码分析

使用场景 1. 数据批处理 • 日志分析&#xff1a;互联网公司每天会产生海量的服务器日志&#xff0c;如访问日志、应用程序日志等。Spark可以高效地读取这些日志文件&#xff0c;对数据进行清洗&#xff08;例如去除无效记录、解析日志格式&#xff09;、转换&#xff08;例如…...

编程日记 2024/11/15 10:03:48

从‘浴盆曲线’到加速测试：拆解企业级SSD如何做到MTBF 200万小时

从‘浴盆曲线’到加速测试&#xff1a;拆解企业级SSD如何做到MTBF 200万小时 当企业技术决策者面对存储方案选型时&#xff0c;一个看似简单的参数常引发激烈讨论&#xff1a;为什么同样容量的企业级SSD价格是消费级的3-5倍&#xff1f;答案藏在MTBF&#xff08;Mean Time Betw…...

编程新知 2026/5/21 5:08:09

git diff 从入门到精通

从三个区域模型出发&#xff0c;拆解 git diff 的默认行为、区间语义、输出格式&#xff0c;以及那些让人困惑的设计选择。前置知识&#xff1a;三个区域 理解 git diff 之前&#xff0c;必须先理解 Git 的三个状态区域&#xff1a; 工作区 暂存区 …...

编程新知 2026/5/21 4:14:14

抖音视频批量下载神器：3分钟学会无水印批量下载技巧

抖音视频批量下载神器&#xff1a;3分钟学会无水印批量下载技巧 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support…...

编程新知 2026/5/21 3:27:41

【DeepSeek API接入实战指南】：20年AI架构师亲授5大避坑要点与3分钟快速调通秘籍

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;DeepSeek API接入实战指南概览 DeepSeek API 提供了高性能、低延迟的大模型推理能力&#xff0c;支持文本生成、函数调用、流式响应等多种交互模式。本章聚焦于从零开始完成 API 接入的核心路径&#xff0c;涵…...

编程新知 2026/5/21 2:57:51

RT-Thread v5.2.2内核与驱动深度优化：调度、CAN、串口与生态工具全面解析

1. 项目概述&#xff1a;RT-Thread v5.2.2 版本深度解析作为一名在嵌入式领域摸爬滚打多年的开发者&#xff0c;每次看到像RT-Thread这样的主流实时操作系统发布新版本&#xff0c;我都会习惯性地去“扒一扒”更新日志。这不仅仅是看热闹&#xff0c;更是为了评估它能否解决我手…...

编程新知 2026/5/21 0:54:35

从RoPE到Retention：一文拆解RetNet如何用‘旋转’和‘衰减’重塑序列建模

RetNet技术解析&#xff1a;如何用旋转与衰减机制突破Transformer的局限 当ChatGPT掀起大语言模型浪潮时&#xff0c;Transformer架构已成为AI领域的基石。然而&#xff0c;其平方级计算复杂度带来的高推理成本&#xff0c;始终是工业界难以回避的痛点。微软与清华大学联合提出…...

编程新知 2026/5/21 0:44:17

甲级钢制隔热平开防火窗：技术参数、结构工艺与工程应用解析

一、产品概述甲级钢制隔热平开防火窗严格依照国家消防标准制造&#xff0c;采用加厚冷轧镀锌钢板打造框架&#xff0c;搭配防火填充材料、隔热防火玻璃与专用密封配件&#xff0c;防火隔热、密闭性强&#xff0c;耐用抗腐蚀。相较于低等级防火窗&#xff0c;本品耐火隔热性能更…...

编程新知 2026/5/21 0:42:15

STM32开发库选型指南：标准库、HAL库与LL库的深度对比与实战应用

1. 项目概述&#xff1a;从寄存器到库&#xff0c;STM32开发的演进之路十年前&#xff0c;当我第一次接触STM32时&#xff0c;面对的是密密麻麻的寄存器手册和几百页的参考手册&#xff0c;一个简单的GPIO点灯操作都需要配置好几个寄存器。那时候&#xff0c;标准库&#xff08…...

编程新知 2026/5/21 0:24:17

C# 零基础到精通教程 - 第五章：数组——批量管理同一类型的数据

5.1 为什么需要数组&#xff1f;5.1.1 没有数组的困境csharp// 如果要存储5个学生的成绩&#xff0c;没有数组的话&#xff1a; int score1 85; int score2 92; int score3 78; int score4 90; int score5 88;// 如果要计算平均分&#xff1a; double average (score1 s…...

编程新知 2026/5/20 23:49:39

Datasheet学习4（Audio）(TODO)

(TODO)...

编程新知 2026/5/20 23:45:29