学习HTML的基础内容(一)

什么是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="这是我">
图片的文字说明

weight:设置图片宽度
height:设置图片高度
alt:图片的文字说明
title:鼠标悬停显示文字描述

这四个都是<img / >标签的属性,属性之间要用空格隔开

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值