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

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

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

新闻文章

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

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

一、设置文章标题

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

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

二、设置文章段落

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

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

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

三、设置图片插入

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

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

  • 在中间放上图片链接

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

http://www.lryc.cn/news/484365.html

相关文章:

  • 『VUE』26. props实现子组件传递数据给父组件(详细图文注释)
  • RHCE-DNS域名解析服务器
  • 移民统计年鉴(1996-2021年)
  • MFC1(note)
  • 1.1 关于游戏编程
  • 光流法与直接法在SLAM中的应用
  • C++模板特化实战:在使用开源库boost::geometry::index::rtree时,用特化来让其支持自己的数据类型
  • 让空间计算触手可及,VR手套何以点石成金?
  • 穿越数据迷宫:C++哈希表的奇幻旅程
  • SMT32 智能环境监测系统 嵌入式初学者课堂小组作业
  • 20241114给荣品PRO-RK3566开发板刷Rockchip原厂的Android13下适配RJ45以太网卡
  • JVM这个工具的使用方法
  • 创建型设计模式与面向接口编程
  • 算法每日双题精讲——滑动窗口(长度最小的子数组,无重复字符的最长子串)
  • 1.7 JS性能优化
  • STL - vector的使用和模拟实现
  • 《鸿蒙生态:开发者的机遇与挑战》
  • 【C++融会贯通】二叉树进阶
  • 使用python-Spark使用的场景案例具体代码分析
  • 如何查看本地的个人SSH密钥
  • 本人认为 写程序的三大基本原则
  • A030-基于Spring boot的公司资产网站设计与实现
  • React Hooks 深度解析与实战
  • #渗透测试#SRC漏洞挖掘#蓝队基础之网络七层杀伤链04 终章
  • 计算机毕业设计Python+大模型农产品推荐系统 农产品爬虫 农产品商城 农产品大数据 农产品数据分析可视化 PySpark Hadoop
  • 爬虫补环境案例---问财网(rpc,jsdom,代理,selenium)
  • SpringBoot有几种获取Request对象的方法
  • 在 Windows 11 中使用 MuMu 模拟器 12 国际版配置代理
  • ASP.NET Core Webapi 返回数据的三种方式
  • SQL面试题——蚂蚁SQL面试题 连续3天减少碳排放量不低于100的用户