Wed前端基础篇:html 的标签元素介绍和使用 一 (前端小白的初学开始)

web前端:标签和属性的含义 1.标题:通过 <h1> - <h6> 等标签进行定义的(例如:<h1>这是标题 1</h1>) 2. 段落:是通过 <p> 标签进行定义的(例如:<p>这是段落</p>) 3. 链接:是通过 <a> 标签进行定义的(例如:<a href="https://www.baidu.com">这是链接</a>) 4. 图像:是通过 <img> 标签进行定义的(例如:<im 阅读详情

什么是html ?

html  是 超文本标记语言

html 就是页面的意思,我们看到电脑打开的页面背后(F12)的代码就是我们要学习的内容。

我们制作页面就需要打代码的软件,这也称为开发环境。我用的是 vs code 进行代码编写然后在浏览器展示看效果。

(可以到vs code 官网下载软件,也可到我的主页资源获取压缩包,解压即可用,用法可到我的文章里面找到vs code 软件的使用)

以上学会使用vs code  之后,我们就开始下面的学习:

  !   输入感叹号就会出现提示,回车 :

head  指的就是 浏览器页面的头部

body 指的就是 浏览器页面的“身体” 部 

下面我们要开始学习如何设计出页面了:

输入完之后,我们可以右键打开浏览器查看效果,就会有自己在制作页面的感觉,喜欢上这种小小小小小小的成就,就可以让自己喜欢上打代码哦。

 

—— —— 若以上有什么觉得不对的地方或还有别的意见的童鞋们需要提问的可以加wechat:Vampireunm     (请验证时说明是csdn的,非常感谢❤)

Html,普通页面查询 详细的页面开发html,发货快i,恐惧,就会更好 立即下载

相关推荐

Ubuntu20.04/Debian10安装向日葵远程控制踩坑实录(附依赖问题解决方案)

本文详细介绍了在Ubuntu 20.04/Debian 10系统上安装向日葵远程控制软件的全过程,重点解决了常见的依赖问题,特别是libwebkitgtk相关错误。通过自动修复、手动修改.deb包依赖和使用兼容层三种解决方案,帮助用户顺利完成安装并优化远程控制体验。

silver的专栏 753

Web前端页面基本元素

网安学习入门-Web前端页面基本元素+DIV盒模型和CSS基础P4+P5

qq_45616828的博客 2231

Edge浏览器IE模式失效?最新142版本隐藏按钮的3种解决方案

本文针对Edge浏览器142版本中IE模式按钮消失的问题,提供了3种实用解决方案,包括注册表修改、手动添加网站到IE模式列表和企业策略部署方案,帮助用户解决兼容性问题,确保老旧系统正常访问。

weixin_28308325的博客 505

web中常见web.xml标签,及初始化顺序

1.Tip 大小写敏感;标签不嵌套,必须配对;web.xml不是必须的,可以不用再web.xml里面配置任何信息。 2.web.xml加载过程 启动一个web项目时,Web容器首先会读取项目web.xml配置文件里的配置信息,当加载web.xml没有报错,项目才能正常地被启动。且不同类型标签加载顺序与web.xml配置顺序无关。常见标签加载顺序:context-param...

Paco_Lee的博客 2492

STM32 HAL库定时器中断里读编码器速度准吗?聊聊MG310电机的测速与防溢出处理

本文探讨了STM32 HAL库在定时器中断中读取编码器速度的精度问题,特别针对MG310电机的测速与防溢出处理提供了解决方案。通过对比定时中断法和编码器模式的性能,揭示了硬件编码器接口在降低误差和CPU占用率方面的优势,并详细介绍了CubeMX配置技巧和防溢出处理的工程实践。

weixin_28720767的博客 401

IC/FPGA笔试/面试题分析(七)建立时间和保持时间类型考题汇总分析

自从召集2020届校招同行加入新建立的“IC/FPGA校招笔试面试交流群“,见识到了很多关于建立时间和保持时间分析的题目,在为别人解答疑惑,以及别人为自己解答疑惑的同时,自己对于知识的理解更加深刻了。 对于建立时间而言,从单独的对触发器的建立时间和保持时间的分析到了对电路(系统)的建立时间到保持时间的分析,前者是核心,后者是扩展,后者建立在前者的基础之上进行推到得到,同时也是芯片内部实际遵循的时...

Reborn Lee 1万+

Wed知识总结

表现为三种形式,即超文本(hypertext)、超媒体(超文本,图片,视频)(hypermedia)、超文本传输协议(HTTP)等,简单的讲就是把各种类型的信息和服务无缝连接,提供生动的图形用户界面。304 Not Modified,如果客户端发送了一个带条件的 GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个状态码。客户端渲染和展示: 客户端接收到服务器的响应后,根据响应的内容进行渲染和展示。这个状况是临时的,并且将在一段时间以后恢复。

lhbxuetu的博客 2332

手持式激光测距仪全套方案

激光测距全套方案,包括原理图、源代码、PCB、BOM、光学部分资料,结构、特殊元件数据手册及供应商联系方式,提供调试技术文档。全套方案已成功打板验证,实现0.05~50m测量范围,精度在+/—1.5mm,激光波长635~650nm,功率《1mW。方案预留了TTL串口、RS485接口,可通过串口助手看到测量数据,可自行DIY或者商业开发。无论是电路小白,还是技术大拿,都能通过方案资料成功做出一套激光测距仪。

Laser01的博客 2055

Wed前端入门——HTML、CSS

HTML 表格通过和标签组织和显示数据。表格在展示数据时非常有效,适用于许多场景。可以使用 CSS 来增强表格的外观和可读性。

2302_81034736的博客 1798

【云原生技术】sonar的官方web接口,获取质量阀结果的接口

以下是一个示例思路,说明如何调用 SonarQube 的质量阀查询接口并在前端展示“哪些条件没过”。假设前端使用 AJAX 或 fetch 从后端接口拿到 SonarQube 返回的 JSON(或直接前端请求 SonarQube API),前端再把解析结果展示给用户。测试覆盖率 (Coverage) 当前仅有 60%,未满足最低 80% 的要求,需要补充测试或优化以提升覆盖率。接口),就会返回相应的质量阀状态信息;里使用它来查询当前质量阀(质量门)的状态。,你用它即可获取该次分析的质量阀状态。

weixin_46453070的博客 1281

Atlas 300I Duo - vllm部署Qwen3-VL-8B-Instruct

本文介绍了在Ascend NPU环境下部署Qwen3-VL-8B大语言模型的步骤。主要包括:1)安装驱动、docker和vllm镜像;2)创建特权容器并挂载设备与目录;3)进入容器安装指定版本的transformers;4)设置环境变量和NPU卡配置;5)启动vllm服务;6)测试API接口。部署过程涉及多块NPU卡的使用,需注意内存碎片化问题,最终通过vllm框架提供模型推理服务。

m0_50105717的博客 1561

头歌 Wed前端技术--实验一 HTML基础

本关任务是编写一个自我简介网页,你将通过本任务理解一个HTML网页的完整结构,并了解如何让搜索引擎更好的找到你的网页。

banana_778的博客 1653

【YOLOv26 源码深度解析】第三章:YOLOv26特征融合(Neck)模块

路径聚合网络作为YOLOv26 Neck部分的核心组件,在继承特征金字塔网络(FPN)自顶向下语义传播能力的基础上,引入了自底向上的路径增强机制,构建起双向跨层特征融合体系。该架构通过建立多尺度特征间的双向信息流,有效缓解了深层网络中细节信息逐层衰减的问题,使得模型在保持高层语义理解能力的同时,能够精确定位不同尺度的目标实例。跨层深度监督的另一优势在于增强特征的尺度适应性。对于来自上层路径的特征与横向连接的特征,融合过程首先对各路特征进行加权,随后进行归一化处理,最终通过加法或拼接操作生成融合特征。

u012133341的博客 520

web前端开发(一)—HTML基础

  目录 web前端简介 什么是HTML? HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...

mdxiaohu的博客 10万+

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

wed简介及html简单标签(1)

wed简介及html基础 这里写自定义目录标题欢迎使用Markdown编辑器生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 前端(Front-end):前端即网站网页部分,运行在pc...

weixin_45105458的博客 1313

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

Wed前端开发 ---- HTML超文本标记语言

文章目录Wed前端开发 HTML超文本标记语言一、Wed前端开发介绍1、Web概述2、Web起源3、Web的特点4、Web工作原理面试经常问的一个问题:5、URL介绍二、HTML网页结构1、HTML介绍2、HTML基本结构3、文档类型4、文档规范与注释三、HTML标签1、文本标签2、换行标签3、列表标签4、div和span标签5、图片标签img6、超链接标签7、表格标签8、表单标签9、html内嵌...

weixin_44568633的博客 2142

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

【wed前端初级课程】第一章 什么是HTML

【wed前端初级课程】第一章 HTML

祺祺祺有此理的博客 927

wed前端基础最新整理(收藏版)

第一周学习总结 day0804 项目开发流程 客户端或产品确定需求----->UI设计师----->前端开发---->后端开发---->测试 web页面的组成部分 结构 HTML 表现 CSS 行为JS HTML的语法 双标记或常规标记 <标记 属性=“属性值”></属性> 单标记或者空标记 <标记 属性=“属性值”> 常用标签 01.文本标题 <h1>.....</h1> <h2>.....</h2&g

weixin_45846235的博客 1341

Wed前端学习路线

Wed前端开发 前端基础 前端开发入门学习有:HTML、CSS、JavaScript(JS)、三个部分。 HTML—内容层,所要展示的内容 CSS—样式层,美化,更改页面的样式 JS—行为层,用于交互 一、HTML HTML 语言用于描述网页。一个网页的骨架 HTML 是指超文本标记语言: Hyper Text Markup Language HTML 不是一种编程语言,而是一种标记语言 ...

Dousy 781

对于初学者来讲,学Web前端应该怎么开始呢?

随着互联网的深入发展,用户体验可以说是企业的重中之重,而前端作为公司的门面,一些IT巨头公司对Web前端开发人员的需求也只增不减。所以我们可以看到,近几年来前端工程师的薪资待遇一直在上涨,这也是为什么学前端开发的朋友越来越多了。前端开发领域是IT技术语言领域唯一一个零基础都可以快速入门并快速提升兴趣的领域。那么,对于零基础的初学者来讲,学Web前端应该怎么开始呢?今天就来聊聊零基础入门Web前端需要学习的几个阶段。 第一阶段——HTML标签的学习 超文本标记语言(HyperText Mark-up Lan

xiaoxijing的博客 281

前端开发HTML+CSS之基础篇(一)

    前端开发不仅是网页制作,其主要工作是开发用户操作界面,即不仅要设计出复杂炫酷的页面,又要贴合于用户的使用体验,还要配合服务器新的内容的开发,同时对于不同的设备,我们还要解决适配兼容问题,故我们就需要一定的开发技术     而HTML,CSS和Javascript作为前端开发的三大核心技术,我们需要有一定的扎实基础,该系列博客作为入门和了解的教程 一、HTML超文本标记语言 HTML就是用...

qq_44790423的博客 471

wed前端简单解析

针对 `body` 元素设置样式。14. `<div class="login - box">` - 创建一个 `div` 块级元素,并赋予 `login - box` 类名,用于承载登录框相关内容,并应用 `login - box` 类对应的样式。`name="viewport"` 表明是对视口的设置,`content` 中的 `width=device - width` 让页面宽度适配设备宽度,`initial - scale = 1.0` 设置初始缩放比例为 1.0,即页面在设备上不缩放显示。

2302_81650296的博客 939

wed前端学习笔记

-网页语言声明,zh-CN是中文,en是英语--><form name="表单名称" method="提交方法get/post" action="处理程序,服务器地址">用户:<input type="text" value="易烊千玺" maxlength="10"> <br/>爱好:<input type="checkbox" name="hobby" value="song">唱歌。其他:<textarea name="其他" cols="12" rows="5"></textarea>

m0_71438555的博客 1020

web前端简易制作之HTML

1.文章标题 这里可以看出在 &amp;amp;amp;amp;amp;lt;head 里的title 中 添加了 hello world 那么生成的html文件 名称就叫做hello world 2.文本标签 HTML:表示该文件为HTML文件 HEAD:包含文件的标题,使用的脚本,样式定义等 BODY:放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示。 1.标题标签:h1-----h6 表...

似水灬流年的博客 4万+

Wed基础和HTTP协议

Wed基础Wed基础域名的概述早期使用Hosts文件解析域名 Wed基础 域名的概述 IP地址不易记忆 早期使用Hosts文件解析域名 主机名称重复 主机维护困难 1.1.3 DNS(Domain Name System 域名系统) 分布式 层次性 1 2 1.1.4 域名空间结构 根域 顶级域(用途) 组织域 国家/地区域名 二级域名(名称) FQDN=主机名.DNS后缀 1 2 3 4 5 6 7 1.1.5 DNS的域名分层: .根域(任何域名都是从根域开始查找的) 国家域:cn 中国,hk 香港

chen的博客 567

前端学习:html基础和css基础学习(一)

写博客是对自己的学习成果进行总结,记录自己的编程的成长道路,真正的把输入用自己的思维输出出来。 开发工具: 我用到的开发工具是sublime text3,photoshop和chrome浏览器。 sublime text3是一款文本编辑器的软件用来写html代码,使得html语言具有高光和提示,学习效率高。 chrome浏览器:这个浏览器的用户几乎占到半壁江山,说明chrome好一些。 ...

不期而遇的博客 328
上一篇: Wed前端篇:VS Code 软件常用插件
下一篇: 虚拟机VIM编辑器报错:输入vim/etc/vimrc → 返回 找不到文件
Runpire
博客等级 码龄9年 55粉丝 27原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Runpire

希望我帮助到你了  ̄︶ ̄

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值