HTML 标签

该篇主要介绍HTML标签,接上篇 HTML 初识

div span 标签

div span 没有语义,是布局网页的2个盒子。div 是 division 缩写,分区,分割的意思,常用来组合网页。




    
    div && span


    
This is div
This is div
This is div
This is span This is span This is span
This is div
This is div
This is div
This is span This is span This is span

文本格式化标签

在网页中,有时需要为文字设置粗体,斜体,下划线等效果,需要用到 HTML 中的文本格式化标签,使文字以特殊方式显示。

标签 效果
, 粗体显示(XHTML推荐使用strong)
, 斜体显示(XHTML推荐使用em)
, 加删除线(XHTML推荐使用del)
, 加下划线(XHTML不赞成使用u)

b,i,s,u没有强调的意思,strong,em,del,ins有强调的意思




    
    div && span


    你好,世界
    你好,世界
    你好,世界
    你好,世界
    你好,世界
    你好,世界
    你好,世界
    你好,世界


图像标签

HTML 标签_第1张图片
属性 属性值 描述
src 文本 图像的路径
alt 文本 图像不能显示时的代替文本
title 文本 鼠标悬停时显示的文本
width 像素(XHTML不支持%页面百分比) 图像宽度
height 像素(XHTML不支持%页面百分比) 图像高度
border 数字 图像边框
    This is a car

链接标签

    baidu
    taobao
    homepage
    Empty
    
  • href:链接目标的地址(Hypertext Reference)
  • target:链接页面打开方式,self 为默认,blank 为新窗口打开
  • 内部链接,直接写页面名称
  • 没有确定链接目标,href 定义为"#",表示一个空链接
  • 不仅文本可以创建超链接,图像,表格,视频,音频都可添加超链接

锚点定位标签

通过创建锚点链接,能够快速定位到目标内容

    

目录

生平经历
为政举措
历史评价
家族成员

生平经历

秦始皇于秦昭王四十八年正月(公元前259年1月27日)出生, [10-12] 出生地在当时的邯郸廓城(大北城)温明殿遗址和丛台以南,在今城内中街以东,丛台西南的朱家巷一带。是秦庄襄王的中子,商朝重臣恶来的第35世孙,嬴姓赵氏,名政。

Base 标签

base 可以设置整体链接的打开状态,如下所有的链接都在新窗口打开




    
    Title
    


    taobao
    baidu


特殊字符标签

HTML 标签_第2张图片

注释标签

    

路径

相对路径

  • 图像和HTML文件处于同一个文件夹:只需输入图像名称即可,如
  • 图像文件位于HTML文件下一级的文件夹:输入文件夹和文件名,如
  • 图像文件位于HTML文件上一级,需要加入"../",如果是两级,需要使用"../../",如

绝对路径

  • 网络图片路径
  • 本地图片路径

列表标签

无序列表

   
  • BMW
  • Volvo
  • Geely

有序列表

  
  1. BMW
  2. Volvo
  3. Geely

自定义列表


    
BMW
This is BMW
Germany Car
Geely
This is Geely
China Car

你可能感兴趣的:(HTML 标签)