web(2)--HTML基础标记使用

简介: web(2)--HTML基础标记使用

一、学习目标

(1)掌握web前端开发工具的使用方法;

(2)掌握HTML文档结构,学会编写简单的HTML程序;

(3)熟悉格式化文本、段落等标记的使用方法。


二、实验环境

VS Code,Win11

三、学习内容

利用HTML编写一个高校新闻页面

四、代码


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>body{margin-right:90px;margin-left:90px}</style>
<title>新闻页面</title>
</head>
<body bgcolor="white">
<font face="黑体,宋体" color="#48D1CC">
<h3 align="center">关于开展“‘疫’路同行,在感动中成长”主题征文比赛活动的通知</h3>
</font>
<hr/>
<font face="黑体,宋体" size="2"" color="gray">
<p align="center">发布日期: 2022-04-22    阅读次数: 1248 次</p>
</font>
<p>
&nbsp &nbsp&nbsp &nbsp初春之际,一场突如其来的新冠肺炎疫情席卷而来。面对长春市疫情蔓延的严峻形势,学校科学统筹疫情防控工作,以学校领导、学工系统教师、机关干部为主的近200名教师,勇敢逆行,日夜守护,全力保障每-名学生的生命健康安全。与此同时,在校学生积极报名参与志愿服务,充分展现出了新-代青年应有的责任与担当。为弘扬伟大抗疫精神,坚定全校师生同心战“疫”、共克时艰的信心,党委宣传部组织决定开展征文比赛活动。现将有关事项通知如下:
</p>
<p>
 &nbsp &nbsp&nbsp &nbsp一、征文主题
</p>
<p>
&nbsp &nbsp&nbsp &nbsp“疫”路同行,在感动中成长
</p>
<p>&nbsp &nbsp&nbsp &nbsp二、征文对象</p>
<p>&nbsp &nbsp&nbsp &nbsp全体在校学生,且以学院为单位,至少提交5篇作品。
</p>
<p>&nbsp &nbsp&nbsp &nbsp三、时间安排</p>
<p>&nbsp &nbsp&nbsp &nbsp2022年4月22日至5月4日。</p>
<p>&nbsp &nbsp&nbsp &nbsp四、参赛要求</p>
<p>&nbsp &nbsp&nbsp &nbsp(一)作品围绕疫情防控期间的所见所闻、所感所想,内容可结合自身经历或身边的人和事,也可抒发个人感悟,体裁不限,字数原则上在2000字以内。
</p>
<p>&nbsp &nbsp&nbsp &nbsp(二)作品要客观、真实,表述事件的过程清晰、无误。
</p> 
<p>&nbsp &nbsp&nbsp &nbsp(三)主题突出、角度新颖、观点鲜明、文字生动、感情真挚。
</p>    
<p>&nbsp &nbsp&nbsp &nbsp(四)征文作品必须由作者本人创作,发现有作假抄袭者-经 核实即取消资格。
</p>
<p>&nbsp &nbsp&nbsp &nbsp五、评审及奖项设立</p>
<p>&nbsp &nbsp&nbsp &nbsp(一)征文比赛由党委宣传部主办,组织有关专家本着“公平、公正、公开”的原则,根据作品的真实性、思想性和艺术性进行评选。</p>
<p>&nbsp &nbsp&nbsp &nbsp(二)征文比赛设一、二、三等奖和优秀奖若干名,同时评选出优秀组织单位,统- -颁发获奖证 书和奖牌。(三)获奖作品将在长春理工大学官方微信公众号、《****大学校报》上刊登。</p>
<p>&nbsp &nbsp&nbsp &nbsp六、投稿方式</p>
<p>&nbsp &nbsp&nbsp &nbsp参赛作品均以电子邮件方式,于5月4日前发送至指定邮箱。作品署上作者真实姓名、院系、年级、联系电话。邮件主题注明:“‘疫' 路同行,在感动中成长”征文字样。</p>
<br/><br/>
<p>&nbsp &nbsp&nbsp &nbsp投稿邮箱: 123@qq.com</p>
<p>&nbsp &nbsp&nbsp &nbsp联系人:###</p>
<p align="right">党委宣传部</p>
<p align="right">2023年2月15日</p>
</body>
</html>


五、心得体会

通过此次实验,我掌握了HTML基础标记的使用和文档的结构,并且熟悉格式化文本、段落等标记的使用方法;同时还增加了我的动手能力,受益匪浅。

目录
相关文章
|
24天前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
43 19
|
24天前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
33 13
|
24天前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
2月前
|
移动开发 JavaScript 前端开发
揭秘!如何用Web2py+HTML5/CSS3/jQuery打造超炫响应式网站?你的设计梦想即将照进现实!
【8月更文挑战第31天】本文详细介绍如何利用Web2py框架及HTML5、CSS3与jQuery构建响应式网站。首先需安装Python和Web2py,并启动服务器。接着,在Web2py中创建新应用,例如命名为“ResponsiveSite”。随后,编写HTML5基本结构,包括头部、导航栏等元素。在`styles.css`文件中添加CSS3样式代码,实现响应式布局。最后,通过在`scripts.js`中加入jQuery脚本提升页面交互性,如点击导航项时平滑滚动至目标区域。此教程为你打下响应式网站设计的基础,便于进一步扩展和优化。
14 1
|
2月前
|
移动开发 HTML5
HTML5文档头部相关标记
【8月更文挑战第28天】HTML5文档头部相关标记。
23 1
|
2月前
HTML标记 和标记的属性
【8月更文挑战第28天】HTML标记 和标记的属性。
27 1
|
2月前
|
前端开发
HTML+CSS动画实现动感3D卡片墙:现代Web设计的视觉盛宴
HTML+CSS动画实现动感3D卡片墙:现代Web设计的视觉盛宴
|
2月前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
40 1
|
2月前
|
Java 数据安全/隐私保护 安全
掌握Struts 2动态方法调用,让你的Web开发如虎添翼,轻松应对复杂业务需求!
【8月更文挑战第31天】在Web应用开发中,Struts 2框架因强大功能和灵活性而广受青睐。其动态方法调用(DMI)特性允许在不修改配置文件的情况下动态调用Action类中的方法,相比传统方法调用(需在`struts.xml`中为每个方法创建单独的`&lt;action&gt;`),DMI简化了配置并提升了灵活性、可维护性和扩展性。本文通过对比DMI与传统方法调用,展示如何利用DMI简化开发流程,并强调了在使用DMI时需注意的安全性和访问控制问题。
16 0
|
2月前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
51 0
下一篇
无影云桌面