学习记录之thml5第一篇

简介: 网页设计三步走:标题、内容、结尾。标题可结合图片与文字,利用HTML标签进行排版;内容部分通过文字、图片、音视频丰富呈现,后期可模块化布局;结尾常使用文字与超链接引导跳转。整体注重HTML与CSS的结合运用,适合新手入门学习。

网页的设计
对于新手而言,网页的设计一般分为三步:标题,内容,结尾
标题
1.图片+文字
屏幕截图 2025-08-30 174830.png
通过img标签添加图片,之后在后面添加文字

<img src=".\img\logo.png" alt ="图片找不到" width="150px">

2.文字+文字
通过h1-h6,span,class等标签可以在css里对文字大小颜色字体进行编辑

<h1 ><span class="tim1">韩国宪政史上首次</span>”!<span class="tim2">韩媒:前总统夫妇将同时在羁押状态下受审</span></h1>
    .tim1{
        color: brown;
    }

    .tim2{
        color: rgb(37, 175, 69);
    }

内容
刚开始一般是一段图片一段文字,有的还有音频和视频,再往后可以把不同的模块放到一个大模块里根据不同比例排列
image.png

<video src="./video/news.mp4" width="800px" controls></video>
    <br>
   <div class="cent1"> <audio   src="./audio/news.mp3" controls></audio></div>

    <p>
        时值<b style="color: brown;">深圳经济特区</b>建立<u>45周年</u>之际,这座以<i>创新</i>为基因、以突破为<s>常态</s>的城市,
        再度迎来一张绿色新名片——深圳前海・华发冰雪世界即将落成。
        作为全球最大的室内滑雪场,它不仅打破了大众对“冰雪场馆高耗电”的固有认知,
        更凭借前沿的绿色建筑技术,转型成为能自主发电的绿色“发电体”,
        成为深圳推进城市绿色转型、践行“双碳”战略的生动缩影。
    </p>
    <img src="./img/1.jpg" alt="图片找不到了" width="100%">

结尾
image.png

<p>
        <span class="tim">2025825</span> 
        <a href="https://tv.cctv.com/" target="_blank"><span class="tim1">央视网</span></a>
    </p>

在这里结尾运用超链接,可以通过这段文字转接到另一个页面,通过a标签

相关文章
|
6天前
|
人工智能 弹性计算 自然语言处理
云速搭 AI 助理发布:对话式生成可部署的阿里云架构图
阿里云云速搭 CADT(Cloud Architect Design Tools)推出智能化升级——云小搭,一款基于大模型的 AI 云架构助手,致力于让每一位用户都能“动动嘴”就完成专业级云架构设计。
195 26
|
18天前
|
数据采集 人工智能 自然语言处理
让AI读懂代码需求:模块化大模型微调助力高效代码理解与迁移
本文介绍了一种解决开源项目代码升级中“用户需求关联相应代码”难题的创新方法。面对传统Code RAG和Code Agent在召回率、准确率和稳定性上的不足,以及领域“黑话”和代码风格差异带来的挑战,作者团队提出并实践了一套以大模型微调(SFT)为核心的解决方案。
206 21
|
6天前
|
机器学习/深度学习 人工智能 小程序
RL 和 Memory 驱动的 Personal Agent,实测 Macaron AI
本文将通过分析其在技术上的不同和若干用例,进一步挖掘 Macaron AI 的产品价值。
124 18
|
26天前
|
文字识别 算法 语音技术
基于模型蒸馏的大模型文案生成最佳实践
本文介绍了基于模型蒸馏技术优化大语言模型在文案生成中的应用。针对大模型资源消耗高、部署困难的问题,采用EasyDistill算法框架与PAI产品,通过SFT和DPO算法将知识从大型教师模型迁移至轻量级学生模型,在保证生成质量的同时显著降低计算成本。内容涵盖教师模型部署、训练数据构建及学生模型蒸馏优化全过程,助力企业在资源受限场景下实现高效文案生成,提升用户体验与业务增长。
239 23
|
24天前
|
SQL 人工智能 JSON
Flink 2.1 SQL:解锁实时数据与AI集成,实现可扩展流处理
简介:本文整理自阿里云高级技术专家李麟在Flink Forward Asia 2025新加坡站的分享,介绍了Flink 2.1 SQL在实时数据处理与AI融合方面的关键进展,包括AI函数集成、Join优化及未来发展方向,助力构建高效实时AI管道。
345 43
|
19天前
|
人工智能 自然语言处理 前端开发
AI 调酒师上岗!Qwen3-Coder × 通义灵码完成 AI 调酒师项目实战开发
本课程通过“AI调酒师”项目实战,讲解如何使用通义灵码与Qwen3-Coder模型结合阿里云百炼平台,从需求分析、前端界面搭建、后端服务调用到整体部署的全流程开发。内容涵盖Bento UI设计、Tailwind CSS布局、语音识别与大模型内容生成,并结合MCP服务实现设计稿驱动开发,帮助开发者快速构建趣味AI应用,提升产品落地能力。
229 27