HTML入门笔记1

最新推荐文章于 2024-06-15 11:43:41 发布
最新推荐文章于 2024-06-15 11:43:41 发布
阅读量104 收藏
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43623882/article/details/111404218
版权

HTML 入门笔记1

推荐参考学习 HTML 教程 - 网道

1.HTML简介

HTML 的全名是“超文本标记语言”（HyperText Markup Language），由蒂姆·伯纳斯-李（Tim Berners-Lee）发明

2.HTML 起手

<!DOCTYPE html>   <!- 声明这是一个html类型的文档 ->
<html lang="zh-CN">   <!- zh：中文，CN：中国，因为还有其他地区的中文 ->

<head>
    <meta charset="UTF-8">  <!- 字符集 ->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">   <!- 让viewport的宽度等于设备的宽度 ->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">  <!- 告诉 IE 以最高级模式渲染文档 ->
    <title>Document</title>
</head>

<body>
</body>

</html>

VS Code内可以使用快捷键 ！+ Tab自动生成部分格式，自己检查并修改

3.常用章节标签

标签语义化很重要

  1. 标题：h1~h6
  2. 章节：section
  3. 文章：article
  4. 段落：p
  5. 头部：header
  6. 脚部：footer
  7. 主要内容：main
  8. 旁支内容：aside
  9. 划分：div

4.常用的内容标签

标签语义化非常重要，不要将重点放在默认样式上

  • ol + li有序列表（ordered list + list item）
    ul + li无序列表（unordered list + list item）
    dl + dt +dd定义列表，dt表示一个定义名, dd 表示对定义的解释（description list + term +data）
    pre保留空格、回车和tab（preview的缩写）
    hr水平线
    br 换行（break的缩写）
    a用于链接（anchar的缩写）
    em用于语气上的强调（emphasis的缩写）
    strong表示内容本身的重要性
    code 代码等，字母等宽，code为内联属性，可配
    pre使用
    q引用（quote缩写），内联
    blockquote 引用，块级

5.全局属性

class 用于规定元素的类名
contenteditable所选的范围可编辑
hidden 无真假值 表隐藏，可以通过display:block来显示出来
id 尽量少用id，无论是CSS还是JS，
style 这也是HTML的标签，默认隐藏
tabindex 值为正整数时，在键盘上按Tab顺序框选，0时最后框选，负数不选择
设置该属性后，按tab键可以进行下一个带有该属性的地方
title鼠标移上去显示

遐思遥爱（Suen）
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
HTML入门学习及笔记.zip
01-01
HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记...
前端HTML学习入门笔记
01-19
刚入门打算学习HTML的同学
html+css入门学习笔记
01-24
html+css入门学习笔记
HTML入门笔记2源代码
12-19
a，img，table，form标签的具体使用代码，适用于学习html人群
【前端】HTML5基础
Sig的博客
06-15 512
详细介绍HTML5基础
HTML5的未来：掌握最新技术，打造炫酷网页体验
仰望苍穹
06-15 649
HTML5不仅为网页开发者提供了丰富的工具，还极大地提升了网页的交互性和用户体验。通过掌握上述技术，结合响应式设计和多媒体支持，开发者可以创造出更加炫酷的网页体验。随着技术的不断进步，HTML5将继续成为未来网页开发的基石。码克疯v1 | 技术界的疯狂探索者 | 在代码的宇宙中，我是那颗永不满足的探索星。
HTML5拖放（Drag and Drop）全面指南：让网页互动起来
艾恩小灰灰的博客
06-06 832
HTML5 引入了许多令人兴奋的新特性，其中之一便是原生支持的拖放（Drag and Drop）功能，它极大地丰富了网页的交互体验，允许用户直接在页面上通过鼠标操作来移动元素。本文将深入浅出地介绍如何在你的网页中实现拖放功能，包括基本概念、API使用、事件处理以及代码示例。
HTML5应用程序缓存：构建离线可用的Web应用
艾恩小灰灰的博客
06-15 327
HTML5应用程序缓存（Application Cache）是一种让Web应用在用户浏览器中存储文件（如HTML、CSS、JavaScript、图片等）的技术，使得应用在离线状态下也能访问这些资源。它通过一个manifest文件来指定需要缓存的资源列表。
HTML5表单元素：重塑数据收集的艺术
艾恩小灰灰的博客
06-08 425
HTML5表单元素和属性的引入，不仅简化了前端开发者的代码，更重要的是，它们为用户提供了更加友好和直观的交互体验。从自动验证到动态反馈，从自动完成到无障碍支持，HTML5表单功能的提升为现代Web应用设计奠定了坚实的基础。作为开发者，掌握并有效利用这些特性，将大大提升表单的数据收集效率和用户满意度。随着Web技术的不断发展，探索和实践这些新特性，将使我们的网页应用更加先进和富有竞争力。
ar-track二维码数字8，标准15cm宽度打印
06-15
ar_track二维码数字8，标准15cm宽度打印
关于C语言的基础代码.zip
06-15
C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。 1. 变量和数据类型 在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。 2. 运算符 C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。 3. 控制结构 C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。 4. 函数 函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。 5. 指针 指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。 6. 数组和字符串 数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。 7. 结构体和联合 结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。 8. 文件操作 C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。 总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。
基于SpringBoot 和 Vue3 开发的博客系统源码，适合新手学习，二次开发，课程设计和毕业设计等.zip
06-15
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
chromedriver-win64_120.0.6099.28.zip
06-15
chromedriver-win64_120.0.6099.28.zip
Screenshot_2024-06-15-17-09-30-719_com.tencent.mobileqq.jpg
06-15
Screenshot_2024-06-15-17-09-30-719_com.tencent.mobileqq.jpg
x9dri ln4+ 3.4 bios
06-15
x9dri ln4+ 3.4 bios
基于Servlet+JSP+MySQL的网络书店系统.zip
06-15
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
嵌入式Liunx应用程序开发笔记-代码.zip
06-15
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
基于X86的操作系统，C语言.zip
06-15
C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。 1. 变量和数据类型 在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。 2. 运算符 C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。 3. 控制结构 C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。 4. 函数 函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。 5. 指针 指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。 6. 数组和字符串 数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。 7. 结构体和联合 结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。 8. 文件操作 C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。 总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。
chromedriver-win64_121.0.6152.0.zip
最新发布
06-15
chromedriver-win64_121.0.6152.0.zip
前端html5css3笔记整理下载
07-24
### 回答1： 前端HTML5和CSS3是网页开发中常用的技术，对于想要学习或者加深自己的前端开发能力的人来说，整理和下载相应的笔记是非常必要的。 HTML5是一种用于构建网页结构的标记语言，它引入了许多新的元素和属性，使得网页能够更好地表达其结构和语义。在HTML5笔记中，可以整理各种标签的使用方法，例如段落、标题、链接、图像等基本标签的使用，同时还可以介绍一些更高级的标签和属性，如多媒体元素、表单元素、Canvas绘图等。此外，HTML5还支持一些新的API，如本地存储、地理位置、拖放等，这些也可以作为笔记的一部分来整理和下载。 CSS3则是用于控制网页样式的样式表语言，它引入了丰富的新特性，使得前端开发人员能够更加灵活地控制网页的外观和布局。在CSS3笔记中，可以整理各种选择器、属性和值的用法，例如颜色、字体、背景、边框等的设置，同时还可以介绍一些更高级的特性，如过渡、动画、媒体查询等。此外，CSS3还支持一些新的布局方式，如弹性布局、网格布局等，这些也可以作为笔记的一部分来整理和下载。 通过整理和下载前端HTML5和CSS3的笔记，可以将学习的内容进行系统化和梳理，方便日后查阅和回顾。同时，也可以将笔记分享给其他人，帮助他们快速入门和掌握这些技术。最后，还可以通过不断更新这些笔记，保持自己对HTML5和CSS3相关知识的不断学习和掌握。 ### 回答2： 前端HTML5和CSS3是用于网页开发的两种新技术，它们可以增强网页的功能和美观性。以下是我整理的一些关于前端HTML5和CSS3的笔记，供大家下载使用。 1. HTML5的新特性： - 语义化标签：header、footer、nav等，用于标识网页结构，提高可读性和可访问性。 - 音频和视频元素：可以直接在网页上播放音频和视频文件。 - 表单验证：新增了一些表单验证属性，如required和pattern，可以在网页上进行表单输入验证。 - 本地存储：通过localStorage和sessionStorage可以在客户端存储数据，实现离线应用和提高性能。 - Canvas绘图：使用Canvas元素可以在网页上绘制图形、动画和游戏。 2. CSS3的新特性： - 过渡和动画：通过transition和animation属性可以实现元素的平滑过渡和动态效果。 - 圆角和阴影：通过border-radius和box-shadow属性可以设置元素的圆角和阴影效果。 - 渐变：通过linear-gradient和radial-gradient属性可以实现元素的渐变背景效果。 - 多列布局：通过column-count和column-width属性可以实现多列的文本布局效果。 - 媒体查询：通过media query可以根据不同的设备和屏幕尺寸应用不同的样式。 以上是关于前端HTML5和CSS3的一些笔记，你可以点击以下链接进行下载： [下载链接] 希望这些笔记能对你学习和应用前端开发有所帮助。如果你有任何问题，请随时向我提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值