前端学习,基础标签

三、HTML常用标签:

1.标题标签

<h1>-<h6>

2.段落标签和换行标签

<p></p>

<br />(单标签)

3.文本格式化标签

粗体:<strong></strong>或<b></b>

倾斜:<em></em>或<i></i>

删除线:<del></del>或<s></s>

下划线:<ins></ins>或<u></u>

4.<div>标签和<span>标签

没有语义,用来装内容的盒子。

<div>大盒子,一行只能放一个

<span>小盒子,一行可以放多个

5.图像标签

<img src="图像URL"/>

img是image的缩写,意为图像

src是<img>标签的必须属性,用于指定图像文件的路径和文件名。

所谓属性,就是属于这个图像标签的特性。

图像标签的其他属性:

(1)alt:替换文本,图像不能显示时用文字替代

(2)title:提示文本,鼠标放到图像上显示的文字

(3)width:设置图像的宽度

(4)height:设置图像的高度

(5)border:设置图像的边框粗细

6.路径

目录文件夹:里面存档了我们做页面所需要的素材,比如html文件、图片等。

根目录:打开目录文件夹的第一层就是根目录。

相对路径:同一级、上一级、下一级

绝对路径:从盘符开始的路径、网络地址

7.链接标签

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

(1)外部链接:

<a href="http://www.qq.com" target="_blank">腾讯</a>

target="_self"(替换页面)

target="_blank"(打开新页面)

(2)内部链接:

<a href="gongsilianjie.html>公司简介</a>

网站内部页面之间的相互链接

(3)空链接:

<a href="#">公司地址</a>

(4)下载链接:

如果href里面地址是一个文件或者压缩包,会下载这个文件。

(5)网页元素链接:

在网页中的各种网页元素,如文本、图像、表格、视频、音频等都可以添加超链接

(6)锚点链接:

<a href="#live">个人生活</a>

<h3 id="live">个人生活</h3>

8.HTML中的注释和特殊字符:

注释标签:<!--我是注释-->

快捷键:ctrl+/

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

推荐阅读更多精彩内容