HTML学习笔记

最新推荐文章于 2024-05-23 20:09:14 发布

逸疏iiii

最新推荐文章于 2024-05-23 20:09:14 发布

阅读量47

点赞数

分类专栏： html学习笔记记录学习文章标签： html 学习 javascript

本文链接：https://blog.csdn.net/weixin_51771816/article/details/128426020

版权

html学习同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

笔记

1 篇文章 0 订阅

订阅专栏

记录学习

1 篇文章 0 订阅

订阅专栏

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
一、认识前端？
二、认识网页
- 2.1.网页组成
- 2.2 网页规范（万维网联盟W3C）
三、HTML
总结

前言

学习HTML的笔记记录

提示：以下是本篇文章正文内容，下面案例可供参考

一、认识前端？

本质上就是学习使用html+css+javascript

二、认识网页

2.1.网页组成

文字、图片、输入框、按钮、视频、音频…等元素组成

2.2 网页规范（万维网联盟W3C）

结构标准：html
表现标准：CSS 用来美化网页
行为标准：用来实现网页中的动作处理

三、HTML

3.1 超文本标记语言

HTML: HYPER TEXT MARK UP LANGUAGE {超文本标记语言}
超文本：本质上就是一个文本【在网页中，用来实现页面跳转的文本…超链接标签】

3.2 html 学习

1.学习标签的语法
2.学习标签的作用

3.3 标签语法

标签：1、 <标签名> </标签名> （双标签）
2、<标签名> 或者 </标签名> （单标签）

3.4 网页结构

<!DOCTYPE html>
<!-- 用于表明 文档类型是html，告知文档采用html5格式进行编译，根标签 -->
<html lang="en">

<head>
     <!-- 头部标签 -->
    <meta charset="UTF-8">
    <!-- 设置字符集 字符编码 万国码 网络协议 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- viewport视口标签 移动端会用 -->
    

    <title>网页基本结构</title>
    <!-- 网页标题 -->
</head>

<body>
    <!-- 主题标签 -->
    <!-- 注释解释说明用的 -->
    <!-- cirl+/用于注释用的 -->
    <!-- 注释是给自己看的 -->
</body>

</html>

3.5 标签之间的关系

嵌入关系：一个标签包含其他标签
并列关系：标签之间不存在嵌入关系

3.6 标签的分类写法

单标签： <hr>
双标签： <div> </div>

3.7 文本修饰标签

加粗标签： 
倾斜标签： 
下划线标签 <ins></ins>
删除线标签:<del></del> <s></s>
效果演示：

<!DOCTYPE html>
<html lang="en">
<head>
    <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>
    <!-- 加粗标签 b strong
    斜体标签 i em
下划线标签 u ins 
划除线标签 del s -->
 <b>1234324214</b> <br>
 <i>yyyyyyyyyyyyyyykkkk</i>  <br>
 <u>sssssssddd</u>  <br>
 <del>adzderereseb</del>
 <!-- 加粗标签b strong 
倾斜标签 I em 
下划线标签 uins   
删除线标签 del S
b strong
i em 
u ins 
del s  
b strong
i em 
u ins 
del s
b strong 
i em 
u ins 
del s
b strong 
i em 
u ins 
del s
b strong 
i em 
u ins 
del s
 -->
</body>
</html>