HTML:综合案例,体育新闻基本架构。

<!--一个小的综合案例:-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>体育新闻</title>
</head>
<body>
<a href="#r">体育新闻</a>
<h1 id>水花61分伊戈达拉制胜抢断西决勇士再胜开拓者总分2-0</h1><br/>
<h4>数据统计:水花兄弟合砍61分</h4>
<p>库里22投11中,三分14投4中,罚球11罚全中得到37分8篮板8助攻,职业生涯季后赛得分30+次数来到35次,超过哈登
    排名现役第3位,仅次于詹姆斯和杜兰特。</p>
<p>汤普森22投8中,三分8投4中得到24分3篮板2助攻,德拉蒙德格林得到16分10篮板7助攻5蓋帽,凯文-鲁尼得到14分7
    篮板2助攻,今天勇士有7名替补出场。</p>
<h4>兄弟对决升级:小库里给哥哥造成压力</h4>
<p>库里兄弟是NBA历史上第一对在分区决赛相遇的兄弟。在西决第1场中,小库里没有给哥哥造成压力,他出场19分钟,7< 投1中只得到3分3篮板2助攻,在场期间输掉10分。</p>
<p>但在西决第2场中,小库里攻防两端都打出杰出的表现,全场送出4次抢断,包括直接抢断自己的哥哥库里,在防守端给 库里造成了极大的困扰。</p>
<p>作者: pink老师<br/>
    2019-8-8</p>

<b>i am strong char</b><br/>
<i>i am em char</i><br/>
<ins>i am ins char</ins><br/>
<del>i am delete char</del>


<div>这是个盒子</div>
<div>这是个盒子</div>

<span>百度</span>
<span>新浪</span>
<span>头条</span>
<span>这个&ltspan&gt标签会自动的产生一个间隔</span>
<br/>
<!--<img src = “C:\Users\35027\web-Books\src\cn\yebangwang\com\img01.png” title="提示文字"/>-->
<!--<img src = "C:\Users\35027\web-Books\src\cn\yebangwang\com\img01.png" width = "500"height="500" border = "78"/>-->
<img src="../Img/img01.png" height="50" width="50" alt = "your pictrue cann't print out" title="放置鼠标在这个图片上面你会得到我们给你的注释信息" border="1" id = "r"/></body>
</html>
<!--文本格式化标签:语义强烈,突出效果。-->
<!--文字加粗<b>或则 strong-->
<!--斜体<i>或则 em-->
<!--删除线<del>或则s-->
<!--下划线<ins> 或则 u-->

<!--div标签和标签没有语义,只是个盒子,布局网页,用来装内容-->
<!--一行只能放一个div(divsion分割),独占一行。-->
<!--span跨距离、跨度-->

<!--img scr = “图像url/”单标签-->
<!--图像标签中的重点和难点:绝对路径和相对路径-->

中的url表示图片的位置的路径,图片位置url可以具体写成相对路径和绝对路径。
相对路径可以理解为:这个图片在你创建的html文件的一个目录下一个目录,还是一个文件夹下的上级目录。
绝对路径可以理解为:这个图片在你电脑中的具体位置。
以上的代码可以运行效果如下:
在这里插入图片描述
因为我目前还没有进行到css部分,导致这个网页显示的效果出来文字,没有其他的效果。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值