HTML基础

一、html概述

1、定义

        html是一种用标签定义内容的超文本标记语言,一般作为web页面的框架使用。

2、标签分类

        标签分为两类,一类为单标签,另一种为双标签。

<!--单标签-->
<hr/>  <br/>

<!--双标签-->
<p>段落标记</p>

注意:双标签分为开始标签和结束标签。例如:开始标签<p> , 结束标签</p>

二、html元素详解

1、标签元素的可嵌套性

        (1)标签元素可以相互嵌套使用

<p>
<strong>此部分将突出显示该标记中的内容</strong>
</p>

解释:strong为html中加粗的意思,所以这段话将加粗显示出来,这就是嵌套元素的使用。

2、标题标签

        标题标签属于双标签,依次为<h1>到<h6>,字体大小一次为从大到小

3、段落标记 

         段落标记为双标签标记,用标签<p></p>标识,文字单独成行,可使用回车在标签内换行,但是标签外无法使用。

<p>这是一个段落标记</p>

4、超链接标签

  超链接标签使用<a></a>标签标识,作用是实现多页面之间的简单跳转,使网页更灵活。

<a href = "URL地址">这是一个超链接</a>

 对超链接的详细解释:

        (1)href:唯一标记所链接的网页地址即所连接的相对地址或绝对地址。

        (2)title:这个属性可以实现鼠标放在上边出现相应的文字

<a href="../Demo2.html" title="链接"><i>这是一个超链接</i></a>

注意:至少有两个网页才可以使用 

5、图片的插入

        插入图片是使用img标签标识,<img src = "图片的地址"></img>

<img src="/img/b0895a08749a13a764ce4587a09f7cb.jpg" alt="加载失败">

注意:[alt="加载失败"]这条语句为图片无法正常显示时出现的,方便用户辨识。

三、HTML的基本框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
</html>

解释:

        (1)<!DOCTYPE html>,声明html文档

        (2)<head></head>, 确定头部标记

        (3)<body></body>,确定主体标记

        (4)<title></title>,确定网页标题

四、总结 

本文主要讲解html基础框架和简单的文本和段落标记,主要目的为跟进学习进度,如有侵权现象,请及时联系作者本人,本人会立即删除进行修改。

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星离~

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值