# 02HTML基本标签_HTML学习笔记

02HTML基本标签_HTML学习笔记

2.1 <head> 类标签

2.1.1 <title> 双标签

  • 定义文档的标题,显示在浏览器的标题栏或者标签页上
  • <title> 标签 <head> 只能出现一次

2.1.2 <meta> 单标签

  • 元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词
  • <meta>标签只能位于<head>元素的内部

2.1.3 <link> 单标签

  • 链接一个外部样式表
  • <link> 标签只能位于<head> 部分

2.2 <body> 类标签

2.1.1 <h> 双标签

  • 定义标题,<h1>~<h6> 共六级标题

2.2.2 <p> 双标签

  • 定义段落,段落文字

2.2.3 <a> 单标签

  • 标签定义超链接,用于从一张页面链接到另一张页面
属性 描述
href URL 规定链接指向的页面的 URL
target _blank
_parent
_self
_top
framename
规定在何处打开链接文档
_blank:新窗口打开
_parent:在父窗口中打开链接
_self:默认,在当前页面跳转
_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)

2.2.4 <img> 单标签

  • 用来插入图片
属性 描述
scr URL 规定显示图像的URL
alt text 规定图像的替代文本。当图片加载不成功时才会显示
title 规定图片的标题,鼠标移到图片才会显示
width pixels
%
设置图像的宽度
height pixels
%
定义图像的高度

2.2.5 <ul> <ol>

2.2.5.1 <ul> 双标签

  • 作为无序列表

    <ul>
        <li>无序列表一</li>
        <li>无序列表二</li>
    </ul>
    

2.2.5.2 <ol> 双标签

  • 作为有序标签
<ol>
    <li>1.有序列表一</li>
    <li>2.有序列表二</li>
</ol>

2.2.6 <br> <hr> 单标签

2.2.6.1 <br>换行

2.2.6.2 <hr> 添加水平线、分界线

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

推荐阅读更多精彩内容