HTML常用标签

(一)标题标签

-

HTML常用标签_第1张图片HTML常用标签_第2张图片

标题标签从

一共只有6级

标题文本会加粗

从上到下字体逐渐减小

(二)段落和换行标签

1.

我是一个段落标签

2.在HTML 中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签


(少有的单标签)

(三)

标签

是没有语义的,可以看做是一个盒子,用来装内容的。

1.

标签用来布局,但是现在一行只能放一个
。大盒子

2. 标签用来布局,一行上可以多个。小盒子

HTML常用标签_第3张图片

(四) 图像标签和路径

1. 图像标签

在HTML 标签中, 标签用于定义HTML 页面中的图像。

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

属性 属性值 说明
src 图片路径 必须属性
alt 文本 当图片不显示时显示的文字
title 文本 鼠标放到图像上,显示的文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
boeder 像素 设置图像的边框粗细

(1)目录文件夹和根目录:

目录文件夹:就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件、图片等。

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

2. 路径:

页面中的图片会非常多,通常我们会新建一个文件夹来存放这些图像文件(images),这时再查找图像,就需要采用“路径”的方式来指定图像文件的位置。

路径可以分为:1.相对路径:以引用文件所在位置为参考基础,而建立出的目录路径。 

                         2.绝对路径:指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。

(五)超链接标签

1. 链接的语法格式

文本或图像

target="_self"在原先窗口打开新页面

target="_blank"在窗口打开新页面

2.链接分类:

1.外部链接: 例如< a href="http:// www.baidu.com "> 百度。

2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如< a href="index.html"> 首页。

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

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

5.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置

#two"> 第2集

two">第2集介绍

你可能感兴趣的:(html,前端,javascript)