html基础1--html骨架、标签、常用的HTML标签(1)

目录

一、html骨架格式

二、HTML标签

1. 概念:

2. 分类:

3. 关系:

三、常用的HTML标签(1)

1. 文字处理的标签

2. 图片处理的标签:

1> 绝对路径:

2> 相对路径:

四、知识点运用

案例--自我介绍


一、html骨架格式

<!--
    文档类型:告知浏览器使用哪种HTML规范来解析执行
    <!DOCTYPE html>:HTML5
-->
<!DOCTYPE html>
<!-- 语言 -->
<html lang="zh-CN"> <!-- 根标签 -->

<head> <!-- 头部 -->
    <!-- 字符集(character set)-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题</title> <!-- 必须设置 -->
</head>

<body> <!-- 主体 -->
    Hello,world!<br />
    <!-- 回到首页的超链接 -->
    <a href="../0525/01--index.html">首页</a>

</body>

</html>

二、HTML标签

1. 概念:

HTML页面中,带有”<>”符号的元素就称之为HTML标签,如上述的<html><head><body>

2. 分类:

1> 常规元素(有开始标签和结束标签)

        <标签名>内容</标签名>

2> 空元素 (只有开始标签)

        <标签名 />

3. 关系:

1> 嵌套关系(父子关系)

        如 <head>

                       <title></title>

             </head>

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值