网页的设计
对于新手而言,网页的设计一般分为三步:标题,内容,结尾
标题
1.图片+文字
通过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);
}
内容
刚开始一般是一段图片一段文字,有的还有音频和视频,再往后可以把不同的模块放到一个大模块里根据不同比例排列
<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%">
结尾
<p>
<span class="tim">2025年8月25日</span>
<a href="https://tv.cctv.com/" target="_blank"><span class="tim1">央视网</span></a>
</p>
在这里结尾运用超链接,可以通过这段文字转接到另一个页面,通过a标签