HTML随堂笔记3

最新推荐文章于 2024-09-22 23:26:43 发布
最新推荐文章于 2024-09-22 23:26:43 发布
阅读量279 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hgftyh/article/details/104801239
版权
本文是一篇关于HTML5的详细教程，涵盖了HTML的基本结构、常用标签、超链接、表格和表单等内容。从HTML的简介、版本到实际应用场景，包括头部标签、表单元素的使用，为初学者提供了全面的指导。通过实例解析，帮助读者掌握HTML5的常用语法和特性。
摘要由CSDN通过智能技术生成
一 HTML简介
1.HTML是什么？

HTML：HyperTest Markup Language超文本标记（标签）语言

有多种标签组成，用来制作网页，告浏览器该如何显示页面

2.HTML语言的作用？
  • 制作网页，控制网页内容的显示
  • 插入图片.音乐。视频。动画等多媒体
  • 通过连接检索信息
  • 使用表单获取用户信息，实现交互
3.版本

W3c：World wide web consortium万维网联盟，制定WEB技术相关标椎和规范的组织，HTML就是W3c制定的

标椎

两个版本：HTML4.0和HTML5.0
官网：https://www.w3school.com.cn/

4.HTML后缀名----扩展名

HTML文件的扩展名 是以.html或.htm来结尾

二.HTML文档的结构
1.基本结构
1.1简介

HTML标签是由尖括号括起来的关键，如 ,通常都是成对出现的，如
以 为根标签，包含： 头部和 主体部分
头部提供关于网页的相关信息，如标题、字符编码、文档类型、关键等摘要信息
主体部分提供网页的具体内容，真正显示在页面中
合理的进行缩进
标签名不区分大小写，但一般习惯用小写

1.2开发工具

记事本notepad sublime notepad++ Dreamweaver VScode Webstorm等

使用步骤：

  • 新建文件(ctrl+N),然后保存(ctrl+S),指定扩展名为.hmtl (代码无颜色提示)
  • 编写HTML文件
  • 在浏览器中打开文件

使用技巧：
先保存再编写代码，否则没有颜色提示
建议创建一个文件夹，用于保存所有的网页内容，将文件夹拖拽到sublime中打开，便于管理
显示/隐藏侧边栏
方式1：查看–>侧边栏–>显示/隐藏侧边栏
方式2：ctrl+K再按B
显示多栏
方式1：查看–>布局–>列数,2列
方式2：alt+shift+2

1.3浏览器

常见浏览器：IE浏览器 Chrome谷歌、firefox火狐、safari
浏览器的作用就是来读取html文件，并以网页的形式进行显示
浏览器不会直接显示html标签，而是使用标签来解释网页的内容

2.标签
2.1标签的组成

一个完整的html标签组成：

<标签名 属性名="属性值">内容</标签名>

属性值要用引号引起来，一般用双引号

2.2标签的分类

根据标签是否关闭，分为：关闭型、非关闭型

  • 根据标签是否关闭，分为：关闭型、非关闭型
1 <title></title>
2 <body></body>
3<h1></h1>
<html>
	<head>
		<title>标签的组成</title>
		<meta charset ="utf-8">
	</head>
最低0.47元/天 解锁文章
hgftyh
关注
专栏目录
HTML随堂笔记4
hgftyh的博客
03-16 409
一 HTML简介 1.HTML是什么？ HTML：HyperTest Markup Language超文本标记（标签）语言 有多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？ 制作网页，控制网页内容的显示 插入图片.音乐。视频。动画等多媒体 通过连接检索信息 使用表单获取用户信息，实现交互 3.版本 W3c：World wide web consortium万维网联...
基础web制作网页的学习 HTML
weixin_72690361的博客
09-25 238
一个星期学完CSS基本样式 脑子跟不上系列
HTML随堂笔记
hgftyh的博客
03-02 174
一 HTML简介 1.HTML是什么？ HTML：HyperTest Markup Language超文本标记（标签）语言 有多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？ 制作网页，控制网页内容的显示 插入图片.音乐。视频。动画等多媒体 通过连接检索信息 使用表单获取用户信息，实现交互 3.版本 W3c：World wide web consortium万维网联...
随堂笔记
weixin_30593443的博客
05-29 252
1.复习了昨天学习的 CSS层叠样式表css的语法以及css的使用方式1.行内样式2.内部样式表3.外部样式表4.外部导入样式css选择器:ID选择器 class选择器 标签选择器 组合选择器 子代选择器后代选择器 通用选择器 伪类选择器 :hover鼠标悬浮上去的样式css样式的优先级1.根据权重来确定 2.如果权重相同，就近原则（后定义原则）权重：仅仅只是一...
HTML随堂笔记2
hgftyh的博客
03-09 165
一 HTML简介 1.HTML是什么？ HTML：HyperTest Markup Language超文本标记（标签）语言 有多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？ 制作网页，控制网页内容的显示 插入图片.音乐。视频。动画等多媒体 通过连接检索信息 使用表单获取用户信息，实现交互 3.版本 W3c：World wide web consortium万维网联...
HTML随堂笔记1
hgftyh的博客
03-04 184
一 HTML简介 1.HTML是什么？ HTML：HyperTest Markup Language超文本标记（标签）语言 有多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？ 制作网页，控制网页内容的显示 插入图片.音乐。视频。动画等多媒体 通过连接检索信息 使用表单获取用户信息，实现交互 3.版本 W3c：World wide web consortium万维网联...
网络安全随堂笔记
weixin_54082871的博客
07-06 257
网络安全学习笔记，第一天 一.虚拟机的安装： 虚拟机是我们进行网络安全学习必不可少的工具，我安装的版本是VMware16版的，现在发布的版本应该是更高的版本了，市面上流行较多的为VMware14（多为win7安装）或VMware15版的。 官网链接：https://www.vmware.com/cn.html 虚拟机安装的方式很简单，按照提示下一步就可以了。 二.操作系统的安装： 安装好虚拟机之后就是安装操作系统，我们安装的方式为安装ISO镜像文件（下载的渠道很多自行百度） 安装步骤（以win
8-28随堂笔记
weixin_41654660的博客
08-30 234
一、iptables规则备份和恢复 二、firewalld的9个zone 三、firewalld关于zone的操作 四、firewalld关于service的操作 五、linux任务计划cron 六、chkconfig工具 七、systemd管理服务 八、unit介绍 九、target介绍     一、iptables规则备份和恢复 设定的防火墙规则只是保存在内存中，并没有...
web开发随堂笔记
weixin_44081096的博客
05-16 143
第一章 web基础 关于npm的环境配置 说明：npm默认从国外服务器下载资源，可靠性与速度相关都低，所有一般装后都设置下载服务器国内镜像服务器 ----- 淘宝 npm config set registry=https://registry.npm.taobao.org 运行后，会在C盘生成一个文件：.npmrc; C:\Users\Administrator\.npmrc 关于配置live-serve 安装 live-server 的命令行： npm install -g live-s
vue随堂笔记.pdf
11-10
在传统的开发模式中，页面的结构（HTML）、样式（CSS）和行为（JavaScript）通常是混杂在一起的，这使得代码维护变得复杂。当页面内容发生变化时，开发者需要手动更新DOM（文档对象模型），这样的操作不仅容易出错，...
HTML5入门课堂随堂笔记.zip
01-23
这篇随堂笔记将帮助初学者深入理解HTML5的基本概念、语法特性以及如何利用它们来创建交互式、富媒体的网页。 1. **HTML5基础** - **DOCTYPE声明**：HTML5的DOCTYPE声明简洁明了，`<!DOCTYPE html>`，无需指定版本...
Java随堂笔记
05-31
这份“Java随堂笔记”正是为了帮助初学者以及希望巩固Java知识的开发者而编写的。笔记内容涵盖了Java的基础到进阶知识，特别是那些在企业开发中不可或缺的部分。 1. **Java基础** - **数据类型**：包括基本数据...
【JavaWeb】二、HTML 入门
最新发布
CSDN全栈领域优秀博主，阿里云博客专家，工信部权威认证物联网技术开发工程师，曾30分钟高分通过C语言二级，两天手撸代码完成EasyX飞机大战，靠接软件私活一个月换苹果电脑
09-22 799
HTML、CSS 和 JavaScript 在Web开发中扮演着不可或缺的角色。HTML 定义了网页的结构，CSS 控制了网页的样式和布局，而JavaScript 则增强了网页的交互性。这三个技术相互协作，共同构成了现代Web应用的基石。掌握这三个技术，是成为一名合格的Web开发者所必需的。HTML，全称HyperText Markup Language，即超文本标记语言，是一种用于创建网页的标准标记语言。定义：HTML是一种通过标签来描述网页内容和结构的语言。
前端入门：HTML案例（表格、按钮、下拉款、文本域等）
mingangel的博客
09-19 426
我选用的软件是：Visual Studio CODE，这个软件在前端开发中十分常用，且提供了很大的便利。当然这里记得在其中添加上name，因为这样才能实现分类，且以后提交到后台，数据才能更加清晰明了。然后就是整个大框架，我用的是表单元素，然后也在表单的最后一行，使用了无序列表。运用的或者都是可以的，分好表格的框架之后，则可以在单元格内填充自己需要的元素。当然也可以用记事本开发，记得把后缀名改成.html。，当然也有单标签，等。
在HTML中添加图片
Q18600000000的博客
09-15 675
标签中指定要显示的图像
【HTML】入门教程
qq_32768761的博客
09-19 1146
【纯干货教程】HTML入门级文档，适合新手小白。
HTML 和 CSS
2301_79685859的博客
09-16 1258
HTML（HyperText Markup Language）是用于定义网页内容的标记语言。它通过一系列标签将内容结构化，使浏览器能够理解并渲染网页。常见的 HTML 元素包括标题、段落、图片、链接等。CSS（Cascading Style Sheets）是用于控制网页外观的样式表语言。通过 CSS，开发者可以定义网页元素的颜色、字体、布局、大小等外观属性。CSS 可以嵌入到 HTML 文件中，也可以通过外部文件进行引入。
通过鼠标移动来调整两个盒子的宽度(响应式)
qq_57423665的博客
09-16 474
就可以完成拖动那根线，实现两边的盒子的宽度根据线的移动而变化；
HTML标签详解与Word文档笔记
本资源是一份由个人整理的关于HTML标签的详细笔记，以Word文档形式呈现，适合学习者深入理解HTML的基本结构和常用元素。主要内容包括： 1. HTML结构：文档以`<html>`和`</html>`这对标签作为HTML文档的框架，它们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值