常用标签

1.UL标签

ul标签是无序列表。按照规范ul标签下面只能写li标签。

特征:块标签,每一行前面都有一个点。通常我们用它来写列表或者导航栏。
点是默认效果,如果要去掉默认效果我们要使用样式初始化。样式初始化:ul{list-style-type:none;}

<ul>
       <li>郑在忙<li>
       <li>小笼郑包<li>
       <li>郑合适<li>
       <li>郑得意<li>
<ul>

2.OL标签

ol标签是有序列表。每一行前都会有一个序号。

块元素。要去掉序号则需要样式初始化。样式初始化:ul{list-style-type:none;}

<ol>
            <li>郑在忙</li>
            <li>小笼郑包</li>
            <li>郑合适</li>
            <li>郑得意</li>
</ol>

3.h1-h6标签

块标签。通常用来写大小标题。

h1:通常一个页面只能存在一个h1标签。通常用来常在网站名或者logo。如果网站logo出现多个地方只给顶部的logo加上h1标签
h2:可以有多个但是一般用来写网站模块标题

<body>
         <h1>这是我的标题</h1>
         <h2>这是我的标题</h2>
         <h3>这是我的标题</h3>
         <h4>这是我的标题</h4>
         <h5>这是我的标题</h5>
         <h6>这是我的标题</h6>
</body>

4.标签

p标签通常用来承载大段文字。

p标签中不能包块标签如div

<body>
    <p>郑能行郑能行郑能行郑能行</p>
    <p>郑合适郑合适郑合适郑合适</p>
    <p>郑得意郑得意郑得意郑得意</p>
</body>

5.br标签

br标签是一个功能标签。在哪写就在哪换行

<body>
  <p>shshjsjdhjgdjdgjd<br>hjhdjhdjdhjdhjdhdjhd</p>
  <div>shshjsjdhjgdjdgjd<br>hjhdjhdjdhjdhjdhdjhd</div>
  <span>shshjsjdhjgdjdgjd<br>hjhdjhdjdhjdhjdhdjhd</span>
</body>

6.hr标签

单标签。hr标签生成一条线

7.img标签

img标签是单标签行元素。用来写图片。自带width和height属性。直接写数值不用带单位。

<img src="" alt=""> src:用来设置图片路径。alt:当图片加载失败时的提示信息

<!-- 网络图片 -->
    <img 
src="https://img0.baidu.com/it/u=3642025606,
3014792737&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"    
width="200" height="200" alt="">
<!-- 本地图片 -->
    <img src="../1.jpg.webp" width="100" height="100" alt="">
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.无序列表 按照规范ul下只能写li标签 无序列表 每一行前面都会有一个小点通常我们用它来写列表或者导航栏·是默...
    林默林默阅读 715评论 0 0
  • 学习目标: 了解html的基本结构 掌握标题标签: 掌握段落标签: 掌握通用块标签: 掌握图片标签: 掌握超链接标...
    husky_1阅读 7,307评论 0 12
  • UL------无序列表 按照规范ul下只能写li特征 每一行前面都会有一个小点通常我们用它来写列表或者导航栏点...
    羁客_阅读 702评论 0 0
  • 根元素 HTML 属性 元素包含 全局属性。 示例 <!DOCTYPE html> ... ... 注意事项 ...
    VinceWen阅读 3,690评论 0 0
  • 1.DOCTYPE 用来选择文档类型 <!DOCTYPE html> //用于html5 2.HTML 元素 ...
    奈_4f97阅读 3,532评论 0 0