什么是HTML?
HTML是用来描述网页的一种基本语言,HTML指的超文本标记语言,全名为:Hyper Text Markup Language。
它不是一种编程语言,而是一种标记语言
超文本:普通文本能实现的,超文本可以实现,普通文本不能实现的,超文本也可以实现。
标记:就是标签,不同的标签能实现不同的功能
HTML有着固定的结构,每个网页都要写这个结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题栏内容</title>
</head>
<body>
<!-- 这是注释 -->
<!--要展示的内容都写在这里面-->
</body>
</html>
大部分的标签都有属性,格式为:属性=“属性值” (如有多个属性就用空格隔开)
基本标签
<html>
<head> <!--头部标签-->
<title>页面的标题</title> <!--标题标签-->
</head>
<body> <!--主体标签-->
<!--要展示的内容-->
</body>
</html>:根标签
排版标签:
注释:<!--这是注释-->
换行:<br/> 这是一个单标签
段落标签:<p>文字内容</p> 特点:段与段之间有空行
水平线标签:<hr/>
图像标签:<img />
使用方法:<img src="image/网页.jpg" >
image是一个文件夹,后面是一个图片。
大体意思是:从image文件夹中,找到“网页.jpg”这张图片,导入到网页里。
链接标签:
<a href></a>
href是标签中的属性,作用是跳转页面地址
下面这段文字将可以点击,默认拥有下划线,蓝色
<a href>落魄的诗人</a>
当然,下划线是可以去掉的,字体的颜色也可以随意更改,比如像下面这样写↓
<a href style="text-decoration: none; color:red">还可以加上划线,删除线 </a>
注意: 在本文中,字体的颜色并不会被修改。
这段文字被改成了红色,并且去除了下划线,它依然可以点击跳转(文章没有指定跳转的地址,它并不会跳转到其他页面)
text-decoration:文本装饰,设置为空(none),这样就去掉了下划线
color:颜色,可随意更改颜色,不论怎么换,符合用户习惯才是主要目的。
插入图片: 使用img 标签
<img src="image/图片.png" weight="90px" height="120px" alt="图片的文字说明" title="这是我">
![这是我 图片的文字说明](https://i-blog.csdnimg.cn/blog_migrate/ac052ca131e453840998bb8174c43e9f.jpeg#pic_center)
weight:设置图片宽度
height:设置图片高度
alt:图片的文字说明
title:鼠标悬停显示文字描述
这四个都是<img / >标签的属性,属性之间要用空格隔开