HTML5的基础标签

HTML中的标签都是用来添加语义的,而不是用来修改样式的!

1.H标签和P标签

1.1H系列标签有六个<H1>-<H6>。

1.2P标签是表明被包裹的视为段落。

H1标签的作用是用来告诉浏览器, 哪些文字是标题. 也就是H1标签是专门用于给指定的文字添加标题语义的。

2.hr标签

格式:<hr>or<hr/>

水平线或者分割线

3.注释:

格式:ctrl+/

理解:代码的解释。

4.br标签

格式:

5.img标签

格式:<img sre=“URL”  width=“320” height=“240” title=“鼠标悬停要显示的文字” >

width:图片的宽度

height:图片的高度

title:鼠标悬停要显示的文字

6.路径问题:

同级时候:直接写图片的名称

下级时候:写在同一文件夹的名称/图片的名称

上级时候:返回上一级就写../

注意点:一般使用相对路径赋值,绝对路径可移植性不好,

一般路径采用的是反斜杠/,而不是正斜杠\。

7.a标签

格式:<a href="https://www.baidu.com" target="_blank" title="鼠标悬停时候要显示的文字内容">要显示的用户看的内容</a>

7.1一个a标签必须有一个href属性,如果是指定的URL地址要在前面加上http:/或者https:/,href属性可以指定网络地址和本地地址。

例子https://www.baidu.com指的是要跳转的界面

target属性有:_self(在自身页面跳转)和_blank(新建网页跳转)

title就是鼠标悬停时候要显示的文字内容

8.base标签

格式:<base target="_self">或者<base target="_blank">

8.1base是在<head>标签的开始和结束之间

8.2如果a标签页指定了target以a标签的为准。

9.假链接

格式:#或者JavaScript:

定义:企业开发先用假链接设置第一界面,后期可以使用真的链接代入,点击之后不会跳转。

#:具有回顶功能

10.锚点

格式:<a href="#center">跳转到中部</a>

           <h2 id="center">我是中部</h2>

11.列表

11.1格式:<ul>

                           <li>

                           </li>

                     </ul>

快捷方式:ul>li*X(X为多少个li)

11.2HTML列表标签的分类:

无序列表(unordered list):最多

格式:<ul>

                       <li></li>

           </ul>

有序列表(ordered list):最少

格式:<ol>

               <li></li>

         </ol>

定义列表(difinition list):其次

格式:<dl>

                  <dt></dt>

                  <dd></dd>


           <dl>













最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • HTML需要掌握标签 标签(空格分隔): H5+CSS [TOC] 常用标签 img 注意点 和H系列标签/p标签...
    袁俊亮技术博客阅读 2,072评论 1 8
  • 1.表格标签: 格式: border: 默认情况下表格的边...
    低调桀骜红烧肉阅读 638评论 0 0
  • img标签 功能:告诉浏览器需要显示一张图片; 参数:width、height、src、title、alt;wid...
    Latte_Bear阅读 612评论 0 0
  • 内容LongLongLong是一种情怀 本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,...
    西巴撸阅读 1,052评论 0 0