前端知识点

最新推荐文章于 2024-10-10 20:59:20 发布
最新推荐文章于 2024-10-10 20:59:20 发布
阅读量22 收藏
点赞数
文章标签： 前端 java javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dong3283205200/article/details/131663660
版权
本文介绍了HTML的基础知识，包括超文本标记语言的概念、UTF-8编码方式，以及常见的HTML标签如标题、段落、图像和链接。还讲解了块标签和行标签的区别，以及如何使用audio和video标签插入音频和视频，同时提到了关键属性如controls、loop和autoplay。
摘要由CSDN通过智能技术生成

HTML ：是超文本标记语言

"UTF-8"   编码方式

 <title>标题标签</title>

<head>  (头部，图标，网页标题)</head>  

<body>(放页面主题)</body>

基础标签
  1. 标题标签  

     <h1></h1>

     <h2></h2>

     <h3></h3>

     <h4></h4>

     <h5></h5>

     <h6></h6>

  2. 段落标签 <p> </p>
  3. 水平标签<hr>
  4. 换行标签<br>

div和span标签  是网页布局中最重要的两个盒子

文字标签
  • 字体   
    <font color="pink" face="楷体" size="20">文字标签</font>

  • 粗体       
  • 删除线      
    粗体 <b></b>   <strong></strong>
    斜体 <i></i><em></em>
    删除线   <s></s><del></del>
    下划线 <u></u><ins></ins>
    上标这是<sup>上标</sup>
    下标 这是<sub>下标</sub>
    标记<mark>标记</mark>

  • 下划线      
  • 上标       
  • 下标       
  • 标记       
  • 缩写       <abbr title="这是一大段话">缩写</abbr>

标签分类：

  • 块标签
  • 行标签
块标签：独占一行  可以设置宽高
行标签： 内容撑开， 不自动换行，不可以设置宽高

通用行内标签    <span></span>

图片标签

绝对路径C盘D盘E盘位置
相对路径文件路径相对路径 ../.. ./

alt:图片加载失败，提示图片内容

<img src="图片路径" width="" height="" alt="">

a 标签  超链接   href   放链接路径

<a href="https://www.baidu.com">百度</a>

<!-- 还能跳转项目内的页面

target:_blank:跳转新窗口

       _self:在本窗口打开-->

target_blank:跳转窗口
_self:本窗口打开

src是引入资源      href 是跳转

元素分类

块元素：div, h1-h6, hr, p...

内联元素：b,i ,img,span,del,ins,....

HTML媒体

  图片用img标签，那么视频用

  • 初级视频：<video></demo>
  • 音频标签：<audio></audio>

<audio src="./mp3/Dancers.mp3" controls loop autoplay></audio>

 <video src="./mp3/周深 - 大鱼.mp4" controls loop autoplay width="800" height="400"></video

关键属性

src:音频路径

 controls:控件属性

loop： 循环播放

autoplay：自动播放

南城旧梦！
关注
前端知识点梳理
日常笔记/总结/系列知识梳理
08-15 2304
Vue.js 的核心库只关注视图层，不仅易于上手，而且便于与第三方库或既有项目整合。Vue.js 的目标是通过尽可能简单的 API 实现响应式的数据绑定和组合的视图组件。Vue.js 的设计从底向上逐步增量开发，其核心库只关注视图层，不仅易于上手，而且便于与第三方库或既有项目整合。
Web前端知识点总结(持续更新中...)
m0_60472527的博客
10-18 3230
web知识点
前端知识点汇总
qq_64314976的博客
07-13 7025
常用标签 1. 标题标签，双标签，一共有6个，h1~h6，标题标签里的文字，加粗，大小不一。 文字的大小的单位 像素px 默认的文字大小：16px h1 === 32px,h2 === 24px,h3 === 18.72px,h4 === 16px,h5 === 13.28px,h6 === 12px 大部分浏览器对文字大小的最小值做了限制，最小12px 语义化 emmet语法： (1) 标签名 tab键 ===> 直接生成对应标签...
Web前端知识点复习总结
qq_50843126的博客
08-05 1873
Web前端知识点复习总结
前端基本知识介绍
热门推荐
qq_52914337的博客
05-07 5万+
.前端三剑客 1.前导 （1）HTML,CSS,JS都是单独的语言； （2）HTML,CSS,JS构成前端技术基础； 2.三剑客的分工 （1）HTML：负责网页的架构； （2）CSS：负责网页的样式，美化； （3）JavaScript（JS）：负责网页的行为； 二.VsCode的介绍与配置 1.vscode的介绍 vscode 全称为 Visual Studio Code ，是⼀款免费开源的现代化轻量级代码编辑器，⽀持⼏乎所有主流的开发语⾔的语法⾼亮、智能代码补全、⾃
web前端知识点太多_web前端总感觉自己不会的太多了，不知该如何下手？
weixin_39615741的博客
12-29 1583
经常有读者问我这问题，表示前端要学的实在太多了，然后给我列举了一大堆技术栈：什么三大框架、各种全家桶、小程序、umi、flutter、SSR、Node 等等，反正是把前端技术栈列举了一遍~前端东西确实蛮多，但也没必要什么都想学。一旦你有这个想法，多半会像个无头苍蝇乱飞。这个看看，那个学点，到头来啥东西都没学好。这样的例子其实我在读者里看到好些了，学习确实看起来是在学习，啥资料都收藏了，今天看会这个...
大前端知识点概览
acm_cn1234567890的博客
07-29 1428
html-css js基础
Web前端 知识点总结（HTML、CSS、JS）
qq_43655412的博客
08-28 2494
Web前端 知识点总结（HTML、CSS、JS）
前端知识点大全
Coding Life
07-23 1万+
前端开发面试知识点大纲： HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。 其他： HTT
前端基础知识点
weixin_45875721的博客
07-30 3782
作为一名准大二学生，我准备提前预习前端的一些知识，所以就准备写了这篇文章，文章中有自己理解的，还有百度查到的，希望会对准备学习前端的同学有帮助。 1，什么是前端？ 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。 2，前端的核心技术 HTML， CSS， JavaScript。 这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。这是前端的基础，一定...
前端知识点总结前端知识点总结
08-09
首先，基础的前端知识包括HTML、CSS和JavaScript。HTML是网页的基础结构语言，用于创建网页布局和内容，如文本、图像、链接、表单等。CSS则负责样式控制，通过选择器和盒模型，我们可以实现元素的布局、颜色、字体等...
前端知识点梳理 web前端
05-09
以下是对"前端知识点梳理 web前端"这一主题的详细解析： 一、HTML（超文本标记语言） HTML是构成网页的基础，用于定义页面结构。它由一系列标签组成，如`<head>`、`<body>`、`<h1>`、`<p>`、`<a>`等，这些标签描述...
前端前端知识点总结思维导图18
08-03
前端知识点总结 1. HTML（超文本标记语言）：用于创建网页的标记语言，包含标签、属性、文本等元素，用于描述网页的结构和内容。 2. CSS（层叠样式表）：用于美化网页的样式语言，包含选择器、属性和值，用于描述...
【Vue】a-radio-group单选框数字与字符串回显问题
叶为正的博客
10-08 283
根据后端接口返回数字或字符串，来配置Ant Design of Vue中a-radio-group单选框的回显问题，注意value中的取值是不一样的。
快餐食品检测系统源码分享[一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
m0_73388125的博客
10-08 1434
数据集信息展示在本研究中，我们使用了名为“burger detection”的数据集，以改进YOLOv8在快餐食品检测系统中的表现。该数据集专门针对快餐食品的多样性进行设计，涵盖了六个主要类别，分别是：bbq、bread、bun、hotdog、pattty和patty。这些类别的选择不仅反映了快餐食品的常见种类，还考虑到了它们在实际应用中的重要性，尤其是在餐饮行业的食品识别和分类任务中。数据集的构建过程经过精心设计，确保每个类别的样本数量和质量都能满足深度学习模型训练的需求。
web扩展
最新发布
x737510的博客
10-10 562
HTTP（Hypertext Transfer Protocol）协议中的它们在用途和使用方式上有一些区别。用于请求服务器上的资源，通常是获取数据。GET 请求是幂等的，多次请求返回的结果应该是相同的，而且不应该对服务器产生任何副作用。用于向服务器提交数据，通常是提交表单数据或上传文件等。POST 请求可能对服务器产生副作用，例如在数据库中创建新的资源。数据通过 URL 参数传递，附在 URL 后面。因为数据在 URL 中可见，所以不适合传递敏感信息，且有长度限制。
昆虫分类与检测系统源码分享[一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
qunshankeji的博客
10-08 1431
数据集信息展示在昆虫分类与检测的研究领域，数据集的构建与应用至关重要。本项目采用的数据集名为“Bug Gan”，其设计旨在为改进YOLOv8模型提供丰富的训练素材，以实现更高效的昆虫识别与分类。该数据集包含29个不同的昆虫类别，涵盖了广泛的生物多样性，能够有效支持深度学习模型在复杂环境中的学习与推理。
基于Java(Jsp+Sevlet）+MySql 实现的（Web）成绩管理系统
神仙别闹的自留地
10-08 1797
如果能把负责学生成绩管理的模块独立出来形成一个独立的系统，便可以有效降低教务系统的数据量，不仅可以方便管理员对于所有学生的信息进行系统的管理，而且便于教师对学生成绩进行查询和修改，学生也可以查询自己的成绩。因此，开发一套合适的、兼容性好的系统是很有必要的。：DAO层主要是做数据持久层的工作，负责与数据库进行联络的一些任务都封装在此，DAO层的设计首先是设计DAO的接口，然后定义此接口的实现类，然后就可在模块中调用此接口来进行数据业务的处理，而不用关心此接口的具体实现类是哪个类，显得结构非常清晰。
Vue项目前端知识点精华整理
本文是一篇关于Vue项目前端知识点的整理文章，旨在为开发者提供有价值的学习资料。主要涵盖以下几个核心知识点： 1. 微信授权与页面跳转控制： 当用户在微信环境下授权后，开发者可以利用`router.beforeEach`导航...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值