HTML入门基础操作(1)

如果没有下载专业的软件,可直接在txt文本中写出代码后对txt文件名后缀改为.html,即可使用浏览器打开,以作学习。

1、HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的,标题的大小从h1到h6递减,即h1是最大的标题。

<h1>这是标题1</h1>
<h2>这是标题</h2>
<h3>这也是标题</h3>

——————

2、段落:通过<p>标签来定义。

<p>这是第一段</p>
<p>这是第二段</p>

——————

3、链接:使用<a>标签定义

<a href="http://www.baidu.com.cn">点击进入百度</a>

对于这样一行代码,在网页中显示为:点击进入百度,这行字就成为了一个可以点击的链接

其中href是<a>标签中的一个属性,用于定义链接的地址

——————

4、图像:通过<img>标签来定义

<img src="photoname.jpg" width="100" height="50" />

以上代码定义了一张名为photo的图片(也可以是其路径),后面两个参数为宽和高。

——————

5、HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素可拥有属性

——————

6、在html中,html元素很多都是嵌套的,如:

<html>
<body>
<p>这是主题中的一个段</p>
</body>
</html>

<html></html>定义了整个文档,而中间嵌套的<body></body>定义了文档主体部分,主题中嵌套的一个段则是其中的一个内容。

——————

7、空内容<br>是没有关闭标签的,是一个空元素定义换行。也可以添加斜杠来关闭如:<br/>

在段落<p></p>之间就可以使用<br/>来换行。但在格式上,多个连续的空行,会在浏览器上被默认输出为一行

水平线用<hr/>,用于分割内容。

——————

8、html的属性定义在标签当中,且属性始终在引号中,例如:

<h1 align="center">

将h1这个标题对齐方式设为居中。

——————

9、注释:使用<!--   注释内容  -->,注释可用于代码中的纠错,也可使用条件注释例如:

<!--[if IE 8]>.... some HTML here ....
<![endif]-->

满足if中的条件,才会执行注释中的内容。

——————

10、定义html的样式使用<style>属性,一般放在css中,不建议直接在html中直接使用类似<font>、<center>、<bgcolor>等来定义字体、颜色等内容,一般都在css中来实现。

——————

11、关于文本格式化的一些标签:

<b>粗体文本<sub>下标字<samp>计算机代码样本<address>地址
<big>大号字<sup>上标字<tt>打字机代码<bdo>文字方向
<em>着重文字<ins>插入字<var>变量<blockquote>长引用
<i>斜体字<del>删除字<pre>预格式文本<q>短引用语
<small>小号字<code>计算机代码<abbr>缩写<cite>引用
<strong>加重语气<kbd>键盘码<acronym>首字母缩写<qfn>一个定义项目

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/802830.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

倒计时1天 | 袋鼠云春季发布会完整议程出炉!快快预约直播

在日新月异的数字化经济时代&#xff0c;企业和组织不断寻求利用先进技术构建自身的核心竞争力。其中&#xff0c;大数据与AI的深度融合正在成为推动企业实现新质生产力的关键路径。 在此背景下&#xff0c;袋鼠云举办春季发布会&#xff0c;以“DataAI&#xff0c;构建新质生…

2024 年广西职业院校技能大赛高职组 《云计算应用》赛项赛题第①套

2024 年广西职业院校技能大赛高职组 《云计算应用》赛项赛题第①套 模块一 私有云&#xff08;30 分&#xff09;任务 1 私有云服务搭建&#xff08;5 分&#xff09;任务 2 私有云服务运维&#xff08;15 分&#xff09;任务 3 私有云运维开发&#xff08;10 分&#xff09; 模…

【Nature Electronics】二维钙钛矿氧化物SNO作为high-κ栅介质的应用

【Li, S., Liu, X., Yang, H. et al. Two-dimensional perovskite oxide as a photoactive high-κ gate dielectric. Nat Electron 7, 216–224 (2024). https://doi.org/10.1038/s41928-024-01129-9】 概括总结&#xff1a; 本研究探讨了二维钙钛矿氧化物Sr2Nb3O10&#xf…

基于蓝牙和IMU的卡尔曼滤波融合算法、扩展卡尔曼滤波算法

前言 看了大量的多源融合室内定位论文,都绕不开卡尔曼滤波和扩展卡尔曼滤波算法。相当经典,但是又缺少代码。 由于计算机专业不学这些算法,因此理解起来难度还有点大。因此业余抽空复现了下,话不多说,直接上代码。 蓝牙和IMU的卡尔曼滤波融合 from filterpy.kalman imp…

商家跑路城市拥堵大数据论文代码开源

原始数据&#xff1a; 日期名称类型所属区拥挤指数速度客流指数20240405世界之花假日广场购物;购物中心大兴区2.46621.369.4920240405华润五彩城购物;购物中心海淀区2.01329.7111.1720240405北京市百货大楼购物;购物中心东城区1.85615.938.2320240405apm购物;购物中心东城区1.…

常用12个自动化测试工具

&#x1f525; 交流讨论&#xff1a;欢迎加入我们一起学习&#xff01; &#x1f525; 资源分享&#xff1a;耗时200小时精选的「软件测试」资料包 &#x1f525; 教程推荐&#xff1a;火遍全网的《软件测试》教程 &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1…

基于springboot实现校园资料分享平台系统项目【项目源码+论文说明】

基于springboot实现校园资料分享平台系统演示 摘要 随着信息互联网购物的飞速发展&#xff0c;国内放开了自媒体的政策&#xff0c;一般企业都开始开发属于自己内容分发平台的网站。本文介绍了校园资料分享平台的开发全过程。通过分析企业对于校园资料分享平台的需求&#xff…

Java基础学习: java.lang.Void

文章目录 一、介绍二、 java.lang.Void 特点 一、介绍 在Java中&#xff0c;java.lang.Void 是一个特殊的包装类&#xff0c;用于表示 void 类型。虽然 void 关键字在Java中通常用于表示方法没有返回值&#xff0c;但 java.lang.Void 类提供了对 void 类型的一个有限的、有用的…

探索ChatGPT应用:学术写作实践与经验分享

ChatGPT无限次数:点击直达 探索ChatGPT应用&#xff1a;学术写作实践与经验分享 引言 随着人工智能技术的快速发展&#xff0c;自然语言处理模型在各个领域的应用也日益普及。其中&#xff0c;ChatGPT作为一款强大的文本生成模型&#xff0c;正在被越来越多的学术写作者用于提…

为什么K8s需要服务网格Istio?

什么是Kubernetes服务网格 Kubernetes服务网格是一种工具&#xff0c;用于在平台级别而非应用级别为应用程序注入可观测性、可靠性和安全性功能。Kubernetes和微服务的兴起推动了人们对这项技术的兴趣&#xff0c;许多组织都采用了Kubernetes服务网格解决方案。 微服务架构高…

kali基础渗透学习,永恒之蓝,木马实战

简介 kali的学习本质是在linux上对一些攻击软件的使用&#xff0c;只是学习的初期 先在终端切换到root用户&#xff0c;以便于有些工具对权限的要求 下载链接 镜像源kali 攻击流程 公网信息搜集 寻找漏洞&#xff0c;突破口&#xff0c;以进入内网 进入内网&#xff0c…

(学习日记)2024.04.10:UCOSIII第三十八节:事件实验

写在前面&#xff1a; 由于时间的不足与学习的碎片化&#xff0c;写博客变得有些奢侈。 但是对于记录学习&#xff08;忘了以后能快速复习&#xff09;的渴望一天天变得强烈。 既然如此 不如以天为单位&#xff0c;以时间为顺序&#xff0c;仅仅将博客当做一个知识学习的目录&a…

Golang——方法

一. 方法定义 Golang方法总是绑定对象的实例&#xff0c;并隐式将实例作为第一实参。 只能为当前包内命名类型定义方法参数receiver可以任意命名。如方法中未曾使用&#xff0c;可省略参数名参数receiver类型可以是T或*T。基类型T不能是接口或指针类型(即多级指针)不支持方法重…

EFCore通用数据操作类

public class ServiceBase : IServiceBase {protected DbContext Context { get; private set; } // 这个DbContext指向的是当前的Contextpublic ServiceBase(IEFContext eFContext){Context eFContext.CreateDBContext();}public void Commit(){this.Context.SaveChanges(); …

2024.4.5-day10-CSS 布局模型(层模型)

个人主页&#xff1a;学习前端的小z 个人专栏&#xff1a;HTML5和CSS3悦读 本专栏旨在分享记录每日学习的前端知识和学习笔记的归纳总结&#xff0c;欢迎大家在评论区交流讨论&#xff01; 文章目录 作业 2024.4.5-学习笔记1 CSS定位1.1 相对定位 relative1.2 绝对定位 absolut…

多乐空气处理设备有限公司现已加入2024第13届生物发酵展

参展企业介绍 为满足日益发展的中国大陆市场对环境的要求&#xff0c;更接近最终用户&#xff0c;多乐集团于2001年在上海松江设立了第一家生产基地。经过十数年来的高速发展&#xff0c;多乐以其精湛的加工工艺、一流的制造技术方面的优势&#xff0c;在对温度湿度有严格要求…

赛氪网|2024中国翻译协会年会“AI科技时代竞赛与就业”分论坛

在2024年中国翻译协会年会期间&#xff0c;赛氪网与中西部翻译协会共同体多边合作平台共同承办&#xff0c;于3月30日下午在长沙成功举办了“AI科技时代竞赛与就业分论坛”。该论坛汇聚了众多翻译界、科技界和教育界的专家学者&#xff0c;共同探讨科技、实践、就业与竞赛人才培…

秋招算法刷题6

20240408 1.两数之和 &#xff08;时间复杂度是O&#xff08;n的平方&#xff09;&#xff09; public int[] twoSum(int[] nums, int target){int nnums.length; for(int i0;i<n;i){ for(int j1;j<n;j){ if(nums[i][j]target){ …

springboot3使用自定义注解+AOP+redis优雅实现防重复提交

⛰️个人主页: 蒾酒 &#x1f525;系列专栏&#xff1a;《spring boot实战》 &#x1f30a;山高路远&#xff0c;行路漫漫&#xff0c;终有归途 目录 写在前面 实现思路 实现步骤 1.定义防重复提交注解 2.编写一个切面去发现该注解然后执行防重复提交逻辑 3.测试 …

消息队列:揭开异步通信的神秘面纱,揭示其无可替代的价值与应用场景

在现代分布式系统架构中&#xff0c;消息队列&#xff08;Message Queue, MQ&#xff09;作为一种核心的中间件技术&#xff0c;其价值与重要性日益凸显。本文将深入剖析消息队列的使用好处&#xff0c;探讨其适用场景&#xff0c;并揭示为何在众多系统设计中&#xff0c;消息队…