前端基础标签

最新推荐文章于 2024-09-27 15:52:57 发布
最新推荐文章于 2024-09-27 15:52:57 发布
阅读量27 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63463922/article/details/131664255
版权
该文档详细介绍了HTML的基本结构和常用标签，包括头部元信息设置、标题标签（h1-h6）、段落标签、换行与水平线、字体样式标签、以及链接和媒体元素的使用，如图片、音频和视频的嵌入。
摘要由CSDN通过智能技术生成

<!-- 头部标签  -->

<!DOCTYPE html>

<!-- 编码格式 -->

<meta charset="UTF-8">

<!--头部 小图标 网页标题  --> 

<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

 <!-- 基础标签  --> 

 <h1>h1标签</h1>
    <h2>h2标签</h2>
    <h3>h3标签</h3>
    <h4>h4标签</h4>
    <h5>h5标签</h5>
    <h6>h6标签</h6>

 <!-- 段落标签 -->

 <p>段落标签</p>

   <!-- 水平线 -->

  <hr>

 <!-- 换行标签 -->

 <br>

  <!-- div 通用标签 -->

<div color="pink" face="楷体" size="22">段落标签 标题标签 <h6>标题<br>标签</h6></div>

  <!-- 文字标签 -->

 <font color="pink" face="楷体" size="22">字体标签</font>

  <!-- 粗体 -->

<b>粗体标签 </b>
    <strong>粗体标签</strong>

  <!-- 斜体标签 -->

<i>斜体标签</i>
    <em>斜体标签</em>

  <!-- 删除线 -->

<s>删除线</s>
    <del>删除线</del>

  <!-- 下划线 -->

 

<u>下划线</u>
    <ins>下划线</ins>

 

 <!-- 上标 -->

 

这是<sup>上标</sup>

    <!-- 下标 -->

    

 这是<sub>下标</sub>

  <!-- 标记 -->

 <mark  title="这是一大段文字这是一大段文字这是一大段文字">mark 标记</mark>

  <!-- 缩写 -->

<!-- title属性 所有标签共有的属性，鼠标悬浮时，显示属性值 《属性值：属性里的内容》 -->

<abbr title="贾晓栋是傻逼">贾晓栋</abbr>

<!-- span 通用行内标签 -->

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

 <!-- 块级标签 独占一行。 可设置宽高 -->

    <!-- 行级标签 内容撑开，不能自动换行 不可以限制宽高 -->

    <!-- 图片标签

        绝对路径：c:\users\mi\html

        相对路径：../.. ./

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

<img title="欣知大数据" src="./img/11.jpg" width="200" height="100" alt="欣知大数据二十部">

 <!-- a标签 超链接 href 里面放路径 -->

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

 <!-- 还能跳转项目内部的标签

        target:_blank:跳转新窗口

               _self:在本窗口打开 -->

 <a href="./b.html" target="_blank">跳转到b页面</a>
    <a href="./b.html" target="_top">跳转到b页面</a>

 <!-- 音频标签 -->

    <!-- controls 控件属性 -->

    <!-- loop 循环播放 -->

    <!-- autoplay 页面打开自动播放 -->

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

大嘴ba子.
关注
前端基础总结
12-26
在学习前端基础时，重要的是要掌握HTML的结构化语义和布局，理解不同标签的用途和属性，以及它们如何共同工作来构建一个网页。这些基础知识是成为前端开发者的起点，也是深入学习其他前端技术的基石。随着前端技术的...
Web前端基础.md
01-13
### Web前端基础知识点详解 #### 一、Web前端介绍 ##### 1. 什么是网页 网页是一种基于浏览器的应用程序，其主要功能在于展示数据。它通过浏览器与服务器之间的交互完成数据请求、处理以及呈现。 ##### 2. 网页的...
前端基础-CSS标签的显示模式
01-08
标签的显示模式（重点） div和span标签 ​ 1.样式完全相同，标签不同，显示的结果完全不同 ​ 2.每个div会独占一行，多个span会并列一排 1.块元素 特点：宽度默认是100%，高度默认是0，可以设置宽度和高度，会继承...
前端基础教程
08-17
通过仔细阅读并跟随教程进行练习，你可以逐步建立起坚实的前端基础，为未来深入学习JavaScript和前端框架打下坚实的基础。在学习过程中，记得多查阅文档，参与在线社区讨论，这样能更快地解决遇到的问题，同时也能...
web前端基础知识——HTML常用标签篇
01-08
各种快捷键的使用方法： 多行注释 快捷键 ctrl +/ 复制当前行到下一行 ctrl+d 标签的快捷写法 标签字母 + tab键 ...meta标签 信息标签 charset=utf-8 meta 标签在head里面 标注当前网页的编码格式 utf-8
解决uniapp使用up-form组件，uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。
李浩洋
09-24 260
解决uniapp使用up-form组件，uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。up-form组件 :model=“formData” :rules=“rules”要赋初始值
webview2加载本地页面
qq_25160759的博客
09-23 640
推荐使用这种方式，加载速度比WebResourceRequested快（实测的确是快点），但是需要支持：ICoreWebView2_3。个人测试加载html字符串，对于html中引入了css和js，加载不太友好。这种方式是通过截获网络请求，然后返回需要的数据。以达到成功请求的假象。
WebGL复杂几何体与模型加载
天涯学馆
09-23 426
在WebGL中，复杂几何体的创建通常涉及多个顶点和面片，而模型加载则涉及到导入外部文件格式，如OBJ、GLTF或FBX。在WebGL中，可以通过设置不同类型的灯光来改变3D场景的光照效果。在WebGL中，可以通过增加更多的灯光uniforms并在片段着色器中计算它们的组合效果来实现多光源。除了基本的漫射和镜面高光，还可以添加软边缘高光、环境光遮蔽（Ambient Occlusion）和全局光照等效果，以增强光照的真实感。GLTF是一种现代的3D模型格式，包含了模型的几何体、材质、纹理和动画。
前端全屏模式切换
最新发布
yangyanqin2545的博客
09-27 405
【代码】前端全屏模式切换。
apply、call和bind的作用和区别
欢迎来到我的博客！我是一名全栈开发工程师，主攻前端开发。希望通过我的博客，能够与大家共同学习和成长。感谢您的关注和支持！
09-23 711
javascript中，apply、call和bind的作用和区别介绍。
DC00015基于java web校园网上购物系统
黄昏下的黎明的博客
09-24 654
DC00015【含配套文档】基于java web校园网上购物系统。
grpcweb 客户端请求grpc-java服务器
nddjava的专栏
09-24 390
1. 定义grpc proto文件：HelloWorld.proto。5.grpc-web代理：nginx。3. grpc-web js生成。2. java grpc服务。4. grpc-web代码。
WebGL阴影与后期处理
天涯学馆
09-24 154
在WebGL中实现更复杂的后期处理效果，通常会使用多个步骤，例如使用多个帧缓冲对象进行链式处理。它通过从光源视角渲染场景的深度信息，并在主渲染中使用这个深度信息来判断像素是否在阴影中。DOF（Depth of Field）模拟相机的焦距，使远离焦点的物体变得模糊。色调映射通常用于调整图像的动态范围，使其适应显示器的显示能力。WebGL还可以实现其他高级视觉效果，如SSAO（屏幕空间环境光遮蔽）、DOF（景深）、Bloom（光晕）等。SSAO是一种近似技术，用于模拟物体表面的阴影，增加场景的深度感。
如何使用ssm实现基于java web的防疫工作志愿者服务平台的设计与实现
寒夜
09-25 967
【代码】ssm基于java web的防疫工作志愿者服务平台的设计与实现+jsp
卷轴模式开发的技术架构分析与源代码展示
weixin_43744973的博客
09-24 951
在软件开发中，"卷轴模式"（虽然不是一个广泛认知的术语，在此我们可以理解为一种类似于游戏或应用中内容逐步加载与展示的模式，类似于古代卷轴展开的方式）通常用于处理大量数据或内容，特别是当这些数据或内容不适合一次性加载到内存中时。这种模式在移动应用、网页应用以及游戏开发中尤为常见。本文将分析实现卷轴模式的技术renxb001架构，并通过一个简单的示例代码来展示其基本实现。
nodejs fs 模块的简介与相关案例
正是修行时，正是修行时，正式修行时...
09-27 226
nodejs fs 模块的简介与相关案例
【LLM】Ollama：本地大模型 WebAPI 调用
2303_80346267的博客
09-22 1444
Ollama 是一个基于 Python 的工具，专为本地调用大型语言模型而设计。它提供了用户友好的接口，使开发者能够在本地环境中快速加载和管理模型，简化了大模型的集成与使用流程。Ollama 适用于各种应用场景，包括自然语言处理、对话系统等，旨在提升开发效率和灵活性。
前端html+css+js 基础总结
2301_79706774的博客
09-23 1352
标签分为行级元素与块级元素行级元素占据区域由其显示内容决定，如span，img(图片)，<a></a>基本格式: <a href="链接" target="_blank"></a>用于跳转到其他网站，target="_blank"使其跳转时会打开新窗口 值是下划线blank，否则会在原窗口打开链接），strong（加粗文字），em（斜体文字）等。块级元素会换行显示，并占据整行区域，如div（布局标签），h，p，form（表单标签）等； 属性写在开始标签中，格式是键值对的形式，属性名：键；引号里的：值
java中手动回滚事物
weixin_45650629的博客
09-24 207
1、原因是因为代码中我写了try catch，try catch后异常被catch捕获了，catch后的业务代码还会继续执行，捕获后的异常会在后台的日志中打印，不会把这个异常错误抛给前端了；2、这个时候如果你使用的是事物注解@Transcation，因为你异常被捕获所以它并不会帮你回滚代码了，这时候就需要我们自己在catch中进行手动事物回滚。为什么要手动回滚事物？
Web前端基础标签与样式详解
本篇文章主要介绍了Web前端开发的基础知识点，包括HTML、CSS以及一些常用的HTML标签和CSS属性的应用。以下是对文章内容的详细解读： 1. **HTML元素基础**： - `<a>`标签用于创建超链接，如`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值