H系列标签(header1-header6)

作用：用于给文本添加标题语义

注意：

1、一个网页中，只有一个h1标签

2、h标签独占一行

3、end键------光标放到最后

home键----光标放到最前面

alt键+左键---选中多行，同时编辑

P标签

作用：告诉浏览器，哪些是一个段落

注意：在浏览器中，p标签单独占一行

Hr标签

作用：告诉浏览器这是一条分割线

注意：

1、在浏览器中，hr标签单独占一行

2、可以加“/”，也可以不写"/"

img标签

src=source

作用：告诉浏览器这里显示图片

注意：

1、img不会独占一行

2、可以指定宽高

3、title当鼠标悬停到图像上时，显示的文字

4、alt：alternate，用于告诉浏览器placehold

br标签

作用：换行

注意：

1、可以连续使用br，几个br就是换几行

路径

img中的src的值是路径

1、通过相对路径赋值

相对路径：每次都从html当前所在的文件夹开始查找

1.1同级

图片和html文件在同一个文件夹中，

格式：src="图片名"

含义：在html所在文件夹中的图片

1.2下级

图片所在的文件夹images和html是同一级

格式scr="images/图片名"

含义：在html所在的文件夹中，找到images文件夹，再找到图片

1.3上级

图片所在的位置=和=html所在文件夹同级

格式：scr="../图片名"

2、通过绝对路径赋值【一般不用，可移植性不好】

格式：src="C://User/desk/images/图片名"

注意：

1、路径中不要带中文、

2、如果通过相对路径指定文件，但是不能跨盘。不能在C盘通过../找到D盘

3、使用反斜杠“/”、不要正斜杠“\”

a标签

作用：用于控制页面与页面之间的跳转

格式：用户看到的文字提示

百度一下

注意点：

1、a标签可以让图片和文字都可以点击

2、href必填项，才能跳转到目的地

3、href的目标地址中一定要有http或者https等网络协议，否则报如404的错误

4、target控制是在当前选项卡跳转target="_self"还是新的选项卡中跳转"target="_blank"

5、title属性，鼠标悬停时显示的文字

base标签

作用：用来统一指定当前网页中所有的超链接如何打开，是blank还是self

注意：

1、写在head中。

2、如果在base中指定了self，但是a标签中指定了blank，就近。

假链接

点击后不会跳转，相当于是真链接的placehold

这是个假链接1，点击该链接后跳转到顶部

这是个假链接2，点击后无任何反应

锚点

要想通过a标签跳转到指定的位置，必须告诉a标签一个独一无二的id

顶部

跳转到中部

中部

尾部

通过a标签跳转到指定位置的时候，没有过渡动画

顶部

跳转到中部

中部

尾部

html中怎么把h标签左移,基础标签--h、p、a、hr、br、img、base相关推荐

HTML基础之label标签,HTML基础-标签
html标签元素在HTML静态页面中,每个网页具有唯一``,即``标签. 即网页中的盒子,起分割作用,分割内容使用的常用标签.DIV+CSS更是网页分割常用方法. 内容被链接内容 br 换行标签 ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
html让图片下浮的代码,HTML基础-标签
html标签元素在HTML静态页面中,每个网页具有唯一``,即``标签. 即网页中的盒子,起分割作用,分割内容使用的常用标签.DIV+CSS更是网页分割常用方法. 内容被链接内容 br 换行标签 ...
HTML复习之基础标签
HTML复习之基础标签基础介绍学习HTML->HTML标签->HTML标签语义在合适的位置使用合理的标签,设计网页结构标签: 注释标签标题标签段落标签无语义标 ...
HTML中的基础标签
HTML中的基础标签标题标签标题标签 h 这是没有标题标签的文字 <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3> ...
请列举出html中两个单标签,HTML基础有哪些单标签
1.在HTML基础中,单标签就是由一个标签组成的.例如 . ...... 2.而双标签则是由"开始标签"和"结束标签"两部分构成(这两部分是相同的).例如. . ...
html中什么是围堵标签,HTML回顾（基础标签）
在对HTML进行回顾之前我们先对web的相关知识进行讲解 JavaWeb:使用Java语言开发基于互联网的项目软件架构: C/S: Client/Server 客户端/服务器端:在用户本地有一个客户 ...
html中table标签、tr标签、th标签、td标签的基础知识
html中table标签.tr标签.th标签.td标签的基础知识表格的结构表格的基本标签表格标签的基本属性 table标签的基本属性 tr标签的基本属性 th和td标签的基本属性表格高级样式设 ...
HTML中h标签和p标签,HTML 中 br 和 p 标签的区别是什么?
HTML 中 br 和 p 标签的区别是什么? 在 html 中 br 和 p 标签都可以实现文本的换行效果, 那么它们之间有什么区别吗? 下面本篇文章就来给大家介绍一下 br 和 p 标签的区别, ...

html中怎么把h标签左移,基础标签--h、p、a、hr、br、img、base

顶部

中部

尾部

顶部

中部

尾部

html中怎么把h标签左移,基础标签--h、p、a、hr、br、img、base相关推荐

最新文章

热门文章