如何调整网站板块位置,赚钱的软件,网站自定义title,设计网络平台开发一、前言
本篇章为javaweb的开端#xff0c;也是第一篇综合案例#xff0c;小编也是看着黑马程序员的视频对里面的知识点进行理解#xff0c;然后自己找一个新浪微博网页看着做的#xff0c;主要还是因为懒#xff0c;不想去领黑马程序员的资料了。
小编任务javaweb和ja…
一、前言
本篇章为javaweb的开端也是第一篇综合案例小编也是看着黑马程序员的视频对里面的知识点进行理解然后自己找一个新浪微博网页看着做的主要还是因为懒不想去领黑马程序员的资料了。
小编任务javaweb和java有诸多共同之处所以这两个一同进行更新周期为15天。java可能会快一点不过还是会同步更新的。小编尽量每天都将自己所学浓缩成综合案例的形式和大家见面的。大家可以试着自己找新浪新闻进行练习。
不知道大家能否找到小编将网址放在下面了以防万一。
新浪新闻
二、页面展示 三、页面创建思路 先把图片给读者们奉上
3.1新闻标题部分
HTML代码部分
img srcimage/新浪新闻1.png a hrefhttp://gov.sina.com.cn/ target_self新浪政务/a 正文h1第十五届夏季达沃斯论坛今天开幕 规模、场次、嘉宾数量均创新高/h1hrspan idtime2024年06月25日 02:04/spana hrefhttp://news.cctv.com央视网/ahr
注img的地址是上述图片所处的路径
css代码部分
h1 {color:#4D4F53
}#time {color:#968D92;font-size: 13px;/*设置字体大小*/
}a {color:black;text-decoration: none;/*设置文本为一个标准文本*/
} 代码逐语句解析
html部分 1.div idcenter
div 是HTML中的块级元素用于创建一个容器。
idcenter 是该 div 元素的id属性用于在CSS或JavaScript中引用该元素。
2.img srcimage/新浪新闻1.png
img 标签用于插入图像。
srcimage/新浪新闻1.png 是图像文件的路径相对于当前HTML文件的位置。
3.a hrefhttp://gov.sina.com.cn/ target_self新浪政务/a
a 标签用于创建超链接。
hrefhttp://gov.sina.com.cn/ 是链接的目标URL。
target_self 表示在当前窗口中打开链接。
文本内容为 新浪政务作为超链接的可点击文本。
正文
简单的文本内容直接放在前面 a 标签后面可能用于表示当前页面的位置或分类。
4.h1第十五届夏季达沃斯论坛今天开幕 规模、场次、嘉宾数量均创新高/h1
h1 标签用于创建页面中的主标题。
文本内容为文章的标题。
5.hr
hr 标签用于创建水平分隔线用来分隔不同部分的内容。
6.span idtime2024年06月25日 02:04/span
span 标签用于对文档中的行内元素进行组合。
idtime 是该 span 元素的id属性可能用于后续的CSS样式或JavaScript操作。
文本内容为时间信息。
7.a hrefhttp://news.cctv.com央视网/a
另一个 a 标签用于创建超链接。
hrefhttp://news.cctv.com 是链接的目标URL。
文本内容为 央视网作为超链接的可点击文本。
8.hr
另一个 hr 标签创建另一条水平分隔线用于结尾的分隔。
css部分
1.h1 { color: #4D4F53; }
h1 是选择器表示选择所有 h1 标签。
2.color: #4D4F53; 设置标题文字颜色为灰色十六进制颜色码 #4D4F53。
3.#time { color: #968D92; font-size: 13px; }
#time 是选择器表示选择具有 idtime 的元素在前面的HTML代码中span idtime。
4.color: #968D92;
设置时间文本的颜色为浅灰色十六进制颜色码 #968D92。
5.font-size: 13px; 设置时间文本的字体大小为 13像素。
6.a { color: black; text-decoration: none; }
a 是选择器表示选择所有 a 标签超链接。
7.color: black;
设置超链接文本的颜色为黑色。
8.text-decoration: none;
设置超链接文本没有下划线。
3.2新闻正文部分 因为该新闻没有图片所以小编就简单找了张
HTML部分 img src./image/th.pngp每经记者 蔡鼎 每经编辑 高涵/pp今天6月25日至27日世界经济论坛第十五届新领军者年会下称“夏季达沃斯论坛”或“年会”将在海滨城市辽宁大连举办。本届年会的规模、场次、嘉宾数量都再创新高——设计了200场左右的活动有近50场会议网络直播截至目前已有近80个国家和地区的1600多位商界、政界、学术界、社会组织和国际组织嘉宾注册参会。国家发改委国际司司长潘江表示本届年会以“未来增长的新前沿”为主题旨在汇聚全球政、商、学、媒等各界嘉宾通过促进沟通对话、团结合作力量、凝聚发展共识共同探寻世界经济增长的新动能新路径。本届年会每日经济新闻也已派出记者团队前往大连现场他们将以专业且独特的视角与年会嘉宾共话人工智能、全球经济、气候及能源等当下热点话题。/pp国家发改委国际司司长潘江表示本届年会以“未来增长的新前沿”为主题旨在汇聚全球政、商、学、媒等各界嘉宾通过促进沟通对话、团结合作力量、凝聚发展共识共同探寻世界经济增长的新动能新路径。/pp本届年会每日经济新闻也已派出记者团队前往大连现场他们将以专业且独特的视角与年会嘉宾共话人工智能、全球经济、气候及能源等当下热点话题。/ppb1600多位嘉宾齐聚/b/pp自2007年以来夏季达沃斯论坛轮流在大连、天津两个城市举办。今年也是时隔5年夏季达沃斯论坛重回辽宁第八次在大连举办。/pp世界经济论坛大中华区主席陈黎明表示相比5年前世界发生了深刻变化一方面气候变化、地缘冲突、贸易摩擦等引发了一系列风险及影响另一方面人工智能、生物技术、量子计算、能源转型等获得了快速发展。在此背景下人类应当如何更好地合作共同面对这个多种变革交织的时代是当今世界至关重要的话题。/pp“亚洲是全球经济增长引擎在全球事务中扮演着非常重要的角色在科技创新、环境保护、社会治理、国际热点问题等方面都展现出了强大的实力和影响力。在此举办会议是共同推动创新潜力的良好契机并为亚洲乃至世界的可持续经济发展势头奠定基础。”陈黎明表示欢迎更多来自各国的代表共同推动全球合作与创新。/p p《每日经济新闻》记者梳理发现已有近80个国家和地区的1600多位商界、政界、学术界、社会组织和国际组织嘉宾注册参会。其中注册参会的有100多位各国政要900多位商界嘉宾涵盖制造业、能源、消费、金融业等多个行业。/p pb共话“未来增长的新前沿”/b/p p世界经济论坛是以研究和探讨世界经济领域存在的问题、促进国际经济合作与交流为宗旨的非官方国际性机构。/pp当今国际形势纷繁复杂全球经济复苏乏力气候变化、粮食和能源安全等全球性挑战不断增加。在此背景下本届夏季达沃斯论坛的举办备受关注。/pp“当前世界正在经历深刻变革论坛的召开具有重要意义。”陈黎明表示发展是解决一切问题的关键本届论坛将汇聚各方共识围绕人工智能、生物技术、量子计算、能源转型等重要领域推动世界经济稳步迈向更加平等、更可持续和更有韧性的未来。/pp本届论坛将围绕“未来增长的新前沿”主题举办200场左右活动。具体来看在“未来增长的新前沿”会议主题下将围绕六大主题展开包括全球新经济中国和世界人工智能时代的企业家精神产业新前沿对人进行投资气候、自然与能源的相互联系。其中重点场次包括“在充满竞争的世界格局中探索合作之道”“中国经济展望”“在复杂风险中寻求增长”“重新布局全球贸易路径”“应对全球金融系统碎片化”等话题。/pp与会嘉宾将围绕各个议题深入交流为激发世界经济发展新动能献计献策。比如在“全球新经济”议题中来宾将探讨平衡技术加速和包容性增长等优先事项并探讨如何协调财政、贸易和产业战略在抑制通胀的同时加快全球经济的速度在“中国和世界”议题中来宾将讨论中国不断扩大的全球技术足迹和不断增长的支出在“人工智能时代的企业家精神”议题中各方将讨论生成式人工智能的快速发展、多样化应用、内在风险和机遇同时强调与社会主流价值观一致的人工智能相关治理的重要性。/pp idplast责任编辑刘德宾/ppb关键字 /b: a hrefhttps://www.sina.com.cn/人工智能/a/p
css部分
p {text-indent: 35px;/* 设置首行缩进 */line-height: 30px;
}#plast {text-align: right;/* 对齐方式 */
}#center {width: 65%;margin: 0 auto;
}
代码逐语句解析 p 是选择器表示选择所有 p 标签段落。text-indent: 35px; 设置段落的首行缩进为 35 像素。line-height: 30px; 设置段落的行高为 30 像素。#plast 是选择器表示选择具有 idplast 的元素。text-align: right; 设置该元素内文本内容右对齐。#center 是选择器表示选择具有 idcenter 的元素。width: 65%; 设置该元素的宽度为其父容器宽度的65%。margin: 0 auto; 设置元素在水平方向上自动居中上下边距为0 四、HTML、css全套代码展示
HTML代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title新浪微博/titlelink relstylesheet href./css/01.新浪微博.css
/head
bodydiv idcenterimg srcimage/新浪新闻1.png a hrefhttp://gov.sina.com.cn/ target_self新浪政务/a 正文h1第十五届夏季达沃斯论坛今天开幕 规模、场次、嘉宾数量均创新高/h1hrspan idtime2024年06月25日 02:04/spana hrefhttp://news.cctv.com央视网/ahrimg src./image/th.pngp每经记者 蔡鼎 每经编辑 高涵/pp今天6月25日至27日世界经济论坛第十五届新领军者年会下称“夏季达沃斯论坛”或“年会”将在海滨城市辽宁大连举办。本届年会的规模、场次、嘉宾数量都再创新高——设计了200场左右的活动有近50场会议网络直播截至目前已有近80个国家和地区的1600多位商界、政界、学术界、社会组织和国际组织嘉宾注册参会。国家发改委国际司司长潘江表示本届年会以“未来增长的新前沿”为主题旨在汇聚全球政、商、学、媒等各界嘉宾通过促进沟通对话、团结合作力量、凝聚发展共识共同探寻世界经济增长的新动能新路径。本届年会每日经济新闻也已派出记者团队前往大连现场他们将以专业且独特的视角与年会嘉宾共话人工智能、全球经济、气候及能源等当下热点话题。/pp国家发改委国际司司长潘江表示本届年会以“未来增长的新前沿”为主题旨在汇聚全球政、商、学、媒等各界嘉宾通过促进沟通对话、团结合作力量、凝聚发展共识共同探寻世界经济增长的新动能新路径。/pp本届年会每日经济新闻也已派出记者团队前往大连现场他们将以专业且独特的视角与年会嘉宾共话人工智能、全球经济、气候及能源等当下热点话题。/ppb1600多位嘉宾齐聚/b/pp自2007年以来夏季达沃斯论坛轮流在大连、天津两个城市举办。今年也是时隔5年夏季达沃斯论坛重回辽宁第八次在大连举办。/pp世界经济论坛大中华区主席陈黎明表示相比5年前世界发生了深刻变化一方面气候变化、地缘冲突、贸易摩擦等引发了一系列风险及影响另一方面人工智能、生物技术、量子计算、能源转型等获得了快速发展。在此背景下人类应当如何更好地合作共同面对这个多种变革交织的时代是当今世界至关重要的话题。/pp“亚洲是全球经济增长引擎在全球事务中扮演着非常重要的角色在科技创新、环境保护、社会治理、国际热点问题等方面都展现出了强大的实力和影响力。在此举办会议是共同推动创新潜力的良好契机并为亚洲乃至世界的可持续经济发展势头奠定基础。”陈黎明表示欢迎更多来自各国的代表共同推动全球合作与创新。/p p《每日经济新闻》记者梳理发现已有近80个国家和地区的1600多位商界、政界、学术界、社会组织和国际组织嘉宾注册参会。其中注册参会的有100多位各国政要900多位商界嘉宾涵盖制造业、能源、消费、金融业等多个行业。/p pb共话“未来增长的新前沿”/b/p p世界经济论坛是以研究和探讨世界经济领域存在的问题、促进国际经济合作与交流为宗旨的非官方国际性机构。/pp当今国际形势纷繁复杂全球经济复苏乏力气候变化、粮食和能源安全等全球性挑战不断增加。在此背景下本届夏季达沃斯论坛的举办备受关注。/pp“当前世界正在经历深刻变革论坛的召开具有重要意义。”陈黎明表示发展是解决一切问题的关键本届论坛将汇聚各方共识围绕人工智能、生物技术、量子计算、能源转型等重要领域推动世界经济稳步迈向更加平等、更可持续和更有韧性的未来。/pp本届论坛将围绕“未来增长的新前沿”主题举办200场左右活动。具体来看在“未来增长的新前沿”会议主题下将围绕六大主题展开包括全球新经济中国和世界人工智能时代的企业家精神产业新前沿对人进行投资气候、自然与能源的相互联系。其中重点场次包括“在充满竞争的世界格局中探索合作之道”“中国经济展望”“在复杂风险中寻求增长”“重新布局全球贸易路径”“应对全球金融系统碎片化”等话题。/pp与会嘉宾将围绕各个议题深入交流为激发世界经济发展新动能献计献策。比如在“全球新经济”议题中来宾将探讨平衡技术加速和包容性增长等优先事项并探讨如何协调财政、贸易和产业战略在抑制通胀的同时加快全球经济的速度在“中国和世界”议题中来宾将讨论中国不断扩大的全球技术足迹和不断增长的支出在“人工智能时代的企业家精神”议题中各方将讨论生成式人工智能的快速发展、多样化应用、内在风险和机遇同时强调与社会主流价值观一致的人工智能相关治理的重要性。/pp idplast责任编辑刘德宾/ppb关键字 /b: a hrefhttps://www.sina.com.cn/人工智能/a/p/div
/body
/html
css代码
h1 {color:#4D4F53
}#time {color:#968D92;font-size: 13px;/*设置字体大小*/
}a {color:black;text-decoration: none;/*设置文本为一个标准文本*/
}p {text-indent: 35px;/* 设置首行缩进 */line-height: 30px;
}#plast {text-align: right;/* 对齐方式 */
}#center {width: 65%;margin: 0 auto;
}
五、总结
刚开始学的都比较简单不知道能否坚持下去自己定的目标是15天希望能够不断坚持吧。没有任何一门编程语言是困难的困难的不过是坚持
大家的点赞收藏就是小编持续更新下去的动力。
