wed学习笔记HTML入门一

最新推荐文章于 2021-09-09 13:57:41 发布

tangyu520leihua

最新推荐文章于 2021-09-09 13:57:41 发布

阅读量174

点赞数

文章标签： html5 css javascript html

本文链接：https://blog.csdn.net/tangyu520lehua/article/details/113835973

版权

网站的组成部分

**
结构：html
表现：css
渲染：js

html框架

在这里插入图片描述

html常用标签

1、标题标签

->

<h1>一级标题 </h1>
    <h2>二级标题 </h2>
    <h3>三级标题 </h3>
    <h4>四级标题 </h4>
    <h5>五级标题 </h5>
    <h6>六级标题 </h6>

2、段落标签

<body>
    <h1>水花61分伊戈达拉制胜抢断西决勇士再胜开拓者总分2-0</h1>
    <h2>数据统计:水花兄弟合砍61分</h2>

    <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>

    <h2>兄弟对决升级:小库里给哥哥造成压力</h2>

    <p>库里兄弟是NBA历史上第一对在分区决赛相遇的兄弟。在西决第1场中，小库里没有给哥哥造成压力，他出场19分钟，7投1中只得到3分3篮板2助攻，在场期间输掉10分。</p>

    <p>但在西决第2场中，小库里攻防两端都打出杰出的表现，全场送出4次抢断，包括直接抢断自己的哥哥库里，在防守端给库里造成了极大的困扰。</p>

    <p>作者:leihua <br />老师 2021-2-17</p>
</body>

3、文本格式化标签
在这里插入图片描述

<body>
    <p>这是一个<b>加粗</b>标签;</p>
    <p>这是一个<i>斜体</i>标签;</p>
    <p>这是一个<s>删除</s>标签;</p>
    <p>这是一个<ins>下划线</ins>标签;</p>

    <p>这是一个<strong>加粗</strong>标签;</p>
    <p>这是一个<em>斜体</em>标签;</p>
    <p>这是一个<del>删除</del>标签;</p>
    <p>这是一个<ins>下划线</ins>标签;</p>
    <p>这是一个<strong><ins>下划线</ins></strong>标签;</p>
</body>
``

## `4、<div> <span> 特殊标签 相当于盒子装东西

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210217183117672.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhbmd5dTUyMGxlaHVh,size_16,color_FFFFFF,t_70)

```html
<body>
    <div>这是一个div标签我独自站一行</div>
    <span>爸爸</span>
    <span>妈妈</span>
    <span>大女儿</span>
    <span>小女儿</span>
</body>

5、图像标签和路径

在这里插入图片描述

<body>
    <img src="xiaowu.jpeg" alt="我是小舞" title="我是小舞" height="480" border="2" />
</body>

6、超链接标签

在这里插入图片描述

<body>
    <h2 id="mulu">目录</h2>
    <h4>外部链接</h4>
    <h4>锚点链接</h4>
    <h4>内部链接</h4>
    <h4>空链接</h4>
    <h4>下载链接</h4>
    <h4>图像链接</h4>
    <span> <a href="#leihua">雷华简介</a></span>
    <span><a href="http://www.baidu.com" target="_blank">百度</a></span>
    <span><a href="07-HTML图像标签.html" target="_blank">小舞</a></span>
    <span><a href="#" target="_blank">小舞</a></span>
    <span><a href="../imges/xiaowu.rar" target="_blank">小舞</a> <br /></span>
    <span><a href="http://www.qq.com" target="_blank"><img src="../imges/xiaowu.jpeg" alt="我是小舞" title="我是小舞" height="480" border="2" /></a></span>

    <!-- 注释标签 -->

    <h2 id="leihua">雷华简介</h2>
    <p>雷华是一个超级帅的男人，全世界最牛逼的人，最喜欢唐玉小宝 <a href="#mulu">返回目录</a></p>

</body>

7、特殊字符
在这里插入图片描述

tangyu520leihua

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
wed学习笔记HTML入门一

**网站的组成部分**结构：html表现：css渲染：jshtml框架html常用标签1、标题标签 -> <h1>一级标题 </h1> <h2>二级标题 </h2> <h3>三级标题 </h3> <h4>四级标题 </h4> <h5>五级标题 </h5> <h6>六级标题 </h6>2、段落标签
复制链接

扫一扫