我的第一天学习web前端开发

96 阅读1分钟

HTML常用标签

1.标题标签

<h1> </h1>
<h2> </h2>
<h6> </h6>

2.段落标签

<p> </p>

3.水平线标签

<hr/>是单标签

4.换行标签

<br/>

5.div和span标签

<div> </div>一行只显示一个div标签
<span> </span>一行可显示多个span标签

6.文本格式化标签

标签 显示效果
<b> </b><strong> </strong> 文字以粗体方式显示
<i> </i><em></em> 文字以斜体方式表示
<s></s><del></del> 文字以加删除线方式显示
<u></u><ins></ins> 文字以加下划线方式显示

7.图像标签img(重点)

<img src="图像URL">
属性 属性值 描述
src URL 图像的路径
alt 文本 图像不能显示时的替换文本
title 文本 鼠标悬停时显示的内容
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 数字 设置图像边框的宽度

8.链接标签

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

target : 用于指定链接页面的打开方式,取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。

9.注释标签

<!-- 注释标签-->

路径

目录文件夹 根目录 相对路径和绝对路径

同一级路径

<img src="baidu.gif"/>

下一级路径

<img src="images/baidu.jpg"/>

上一级路径

<img src="../baidu.gif"/>

绝对路径

<img src="C:\Desktop\案例\baidu.gif"/>

表格 表单 列表