新手前端 HTML 笔记知识点有哪些？ 1、网站到底是什么？ 2、HTML <img>标签 3、HTML <a>标签 4、URL结构解析 5、HTML块级素及行内素 6、HTML列表 7、绝对路径和相对路径 8、HTML <table>标签 9、HTML锚点链接 10、HTML的基本结构 11、HTML <head>标签 12、HTML <form>标签 13、HTML <meta>标签 14、HTML <input>标签 15、HTML单行文本框 16、HTML密码框 17、HTML单选按钮 18、HTML复选框 19、HTML文件上传域 20、HTML文本域 21、HTML <select>标签 22、HTML按钮 23、HTML图像按钮 24、什么是HTML 应该就是以上这些了，如果还有不明白的可以看一下这个视频教程，讲解的很细致，而且内容也比较丰富，可以一直学到就业水平：黑马程序员前端Web全套教程，会打字就能学会的Web前端课程_哔哩哔哩_bilibili html标签可以分为行内素和块级素。 块级素：div 行内素：spanimgsrc：图片路径，可以是本地或者远程请求的路径title：图片加载成功，鼠标移上去显示的文字alt：图片不成功的提示语ahref: 跳转地址target：打开窗口方式。 _self 默认，在当前窗口打开。_blank 在新窗口打开_parent 在父框架打开_top 在窗口主题中打开链接文档 小结： 1.行内素不能套块素，会导致样式有问题！ 2. 块级素独占一行，行内素只有自己文本占用的宽度。 3.html标签有一些可以设置标签宽高的属性，但是不推荐使用，以后会用css控制。 一文给大家汇总了，请复制到自己的笔记本中！ 一、HTML标签的导读： 本账号会持续按照顺序更新前端教程，均为黑马Pink老师全套前端内容。上一期笔记：前端HTML第一天：什么是网页？什么是HTML？网页怎么形成？欢迎跟我一起来学习。 1.1 HTML语法规则： 有些特殊的标签必须是单个标签（极少情况），例如 ，我们称为单标签。 1.2 标签的关系： 
并列关系： 
1.3基本结构标签： 
1.4 开发工具： 
VSCode的使用： 1. 双击打开软件。 2. 新建文件（Ctrl + N ）。 3. 保存（Ctrl + S ）, 注意移动要保存为 .html 文件 4. Ctrl + 加号键 ，Ctrl + 减号键 可以放大缩小视图 5. 生成页面骨架结构。 输入! 按下 Tab 键。 6. 利用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中“Open In Default Browser”。 DOCTYPE <!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面. lang 语言种类 用来定义当前文档显示的语言。 en定义语言为英语 zh-CN定义语言为中文 简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文 这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的 字符集：1.字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。2.在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。3.<meta charset=” UTF-8″ />4.charset 常用的值有：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符.5.注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的 “UTF-8″，不要写成 “utf8” 或 “UTF8″。 1.5 语义化标签： 1.6 什么是语义化标签： 
1.7 添加语义标签： 
二、常用的标签： 2.1 标题标签 2. 2段落标签： 2.3 换行标签 2.4 文本格式化标签： 2.5 div和span标签 2.6 图片标签： 
图像标签注意点： 1.图像标签可以拥有多个属性，必须写在标签名的后面。 2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。 3.属性采取键值对的格式，即 key=“value” 的格式，属性 =“属性值”。 2.7 路径： 
特点： 相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级 、下一级和同一级就是 图片相对于 HTML 页面的位置。 路径之绝对路径： 绝对路径： 1.是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。 例如，“D:\web\img\logo.gif”或完整的网络地址“http://www.itcast.cn/images/logo.gif” 2.8 链接标签： 链接分类： 1.外部链接: 例如 < a href=https://www.zhihu.com/question/”http:// www.baidu.com “> 百度</a >。 2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href=https://www.zhihu.com/question/”index.html”> 首页 </a >。 3.空链接: 如果当时没有确定链接目标时，< a href=https://www.zhihu.com/question/”#”> 首页 </a > 。 4.下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。 5.网页素链接: 在网页中的各种网页素，如文本、图像、表格、音频、视频等都可以添加超链接. 6.锚点链接: 点我们链接,可以快速定位到页面中的某个位置. + 在链接文本的 href 属性中，设置属性值为 #名字 的形式，如 第2集 + 找到目标位置标签，里面添加一个 id 属性 = 刚才的名字 ，如：<h3 id=”two”>第2集介绍</h3> 三、注释相关学习 3.1 注释 HTML中的注释以“”结束。 具体实现： 快捷键: ctrl + / 一句话: 注释标签里面的内容是给程序猿看的, 这个代码是不执行不显示到页面中的. 添加注释是为了更好地解释代码的功能，便于相关开发人员理解和阅读代码，程序是不会执行注释内容的 2.3 特殊字符： 
重点记住：空格 、大于号、 小于号 这三个， 其余的使用很少，如果需要回头查阅即可。 HTML+CSS学习笔记如下（已完结）： 认识网页 / HTML标签大全 / 表格 / 列表CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影浮动知识点汇总 / PS切图 / CSS属性书写顺序（重点） / CSS练手之学成在线页面制作CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位（position）的应用案例：淘宝轮播图 / 素的显示与隐藏 / 土豆网鼠标经过显示遮罩 /【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /溢出的文字省略号显示 / 常见布局技巧+案例 / CSS新增选择器 / 盒子模型和其他新特性 HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）： HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏） 笔记18-H5语义化标签、音视频标签 一、H5语义化标签 <!– HTML5语义化标签的使用(顾名思义) 1.section、header、nav、main、aside、article、footer默认是块级素HTML5常用标记个数格式含义语法书写1内容块<section></section>2头部<header></header>3导航<nav></nav>4尾部<footer></footer>5文章<article></article>6辅助信息<aside></aside>7主体内容<main></main> 2.语义化标签建议在移动端布局中使用 –> 二、H5新增需要了解的标签 HTML常用标记个数含义语法书写7独立内容块<figure><figcaption>这个是熊大小动物</figcaption><img src=https://www.zhihu.com/question/”xiongda.png” /></figure>类似dl dt dd8高亮显示文字<mark></mark>一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词9标题组<hgroup></hgroup><hgroup> 标签被用来对标题素进行分组10对话框<dialog open>这是打开的对话窗口</dialog>目前只有 Chrome 和 Safari 6 支持 <dialog> 标签11定义图形<canvas> </canvas>只是图形容器，必须使用脚本来绘制图形。 三、音视频标签的使用 ①视频 
多个视频
视频支持的格式
②音频 <audio src=https://www.zhihu.com/question/”someaudio.mp3″>您的浏览器不支持 audio 标签。</audio>定义音频，比如音乐或其他音频流提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息
<!– 音视频标签的使用 1.音频标签 audio 2.视频标签 video 3.相同的属性 - src 引入音频或者视频的地址 - controls 控件(设置了控件音视频才会显示) - autoplay 自动播放(浏览器已经禁止自动播放) - loop 自动循环 - muted 静音 4.不同的属性:视频标签中独有的属性 poster 首屏图片 5.音视频使用的特殊情况:不同浏览器对于音视频的格式支持不一样 –> 前端HTML、CSS、JavaScript全部笔记，都在这里，链接点进去就是知识点内容。 HTML+CSS学习笔记如下（已完结）： 认识网页 / HTML标签大全 / 表格 / 列表CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影浮动知识点汇总 / PS切图 / CSS属性书写顺序（重点） / CSS练手之学成在线页面制作CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位（position）的应用案例：淘宝轮播图 / 素的显示与隐藏 / 土豆网鼠标经过显示遮罩 /【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /溢出的文字省略号显示 / 常见布局技巧+案例 / CSS新增选择器 / 盒子模型和其他新特性 HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏） JavaScript基础内容（已完结） 认识JavaScript / 注释以及输入输出语句 / 变量的使用、语法扩展、命名规范数据类型简介以及简单的数据类型 / 变量数据类型/运算符&算数运算符 / 递增和递减运算符比较运算符和逻辑运算符 / 赋值运算符以及运算符优先级 / 流程控制-实际案例学习if语句三表达式&分支流程控制 switch 语句 / JavaScript的for循环学不明白怎么办？以案例学习JavaScript双重for循环 / JavaScript中while以及do while循环JavaScript遍历数组，附5个案例 / 函数的概念和使用/JavaScript函数的参数JavaScript的返回值 / 函数案例练习 JavaScript最全拔高（更新中） JavaScript面向对象开发相关模式 / JavaScript创建对象简单方式到优化 / JavaScript面向对象游戏案例：贪吃蛇 前端开源项目整理，送给大家！ React Native Paper：基于 React Native 的 Material Design UI 组件库。链接：https://github.com/callstack/react-native-paperTensorFlow.js：基于 TensorFlow 的 JavaScript 库，用于在浏览器和 Node.js 中进行机器学习和深度学习。链接：https://github.com/tensorflow/tfjsVS Code：一个轻量级且强大的代码编辑器，由 Microsoft 开发。链接：https://github.com/microsoft/vscodeHome Assistant：一款开源的智能家居平台，可以将不同的智能设备整合到一个平台上。链接：https://github.com/home-assistant/home-assistantOpenCV：一个计算机视觉库，可以用于处理图像和视频。链接：https://github.com/opencv/opencvNode.js：一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以用于服务器端应用程序的开发。链接：https://github.com/nodejs/nodeWordPress：一个流行的开源内容管理系统，可以用于构建博客、网站和电子商务网站等。链接：https://github.com/WordPress/WordPressFastAPI：一个快速（高性能）的 Web 框架，用于构建基于 Python 的 API。链接：https://github.com/tiangolo/fastapiRust：一种快速、安全和并发的系统编程语言，由 Mozilla 开发。链接：https://github.com/rust-lang/rustElectron：一个基于 Web 技术的桌面应用程序框架，可以使用 HTML、CSS 和 JavaScript 构建跨平台的桌面应用程序。链接：https://github.com/electron/ele
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/23869.html
