HTML基础（一）

最新推荐文章于 2022-07-27 18:33:48 发布
最新推荐文章于 2022-07-27 18:33:48 发布
阅读量367 收藏
点赞数

HTML基础（一）

1.HTML三部分：<html></html>　　<title></title>　　<body></body>

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>
This the HTML web page!
</body>

</html>
复制代码

运行结果：

 

2.标题

格式：<hn 属性>文字添加部分</hn>　　其中 n=1~6

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>
This the HTML web page!
<h1 align = "center">This the HTML web page!</h1>
<h2 align = "center">This the HTML web page!</h2>
<h3 align = "center">This the HTML web page!</h3>
<h4 align = "center">This the HTML web page!</h4>
<h5 align = "center">This the HTML web page!</h5>
<h6 align = "center">This the HTML web page!</h6>
This the HTML web page!

</body>

</html>
复制代码

运行结果：

 

3.段落、换行、空格

<p>　　   段落标记

<br>　　  换行标记

&nbsp;　　空格标记

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<h3 align = "center">Paragraph</h3>
<p>Paragraph1</p>
<p>Paragraph2</p>
<p>Paragraph3</p>

<h3 align = "center">Newline</h3>
Newline1
<br>

Newline2
<br>


Newline3
<br>

<h3 align = "center">Blank</h3>
Blank1
&nbsp;

Blank2
&nbsp;

Blank3
&nbsp;

</body>

</html>
复制代码

运行结果：

 

4.标签中的属性和区域控制标签

格式：　<标签名 属性1 = "属性值" 属性值2 = "属性值" ...... 属性值n = "属性值">内容</标签名>

　　　　<div align = "center/left/right">文本</div>　　区域控制标签

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<div align = "center">HTML</div>
<div align = "left">HTML</div>
<div align = "right">HTML</div>

</body>

</html>
复制代码

运行结果：

 

5.在网页中加入水平线

格式：   <hr align = "" size = "" width = "" color = "" [noshade]>

           noshade　　是否显示阴影

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<hr align = "center" size = "10" width = "100" color = "#000000">
<hr align = "center" size = "10" width = "100" color = "#000000" noshade>

</body>

</html>
复制代码

运行结果：

 

6.显示预排格式标签

格式：<pre>文字内容</pre>

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<h3>    This the HTML web page!</h3>
This the first sentense!    This the second sentense!
This the third sentense!    This the fifth sentense!

<pre>
<h3>    This the HTML web page!</h3>
This the first sentense!    This the second sentense!
This the third sentense!    This the fourth sentense!
</pre>


</body>

</html>
复制代码

运行结果：

 

 

7.文字标签font

格式：<font size = "" color = "" face = "">文字</font>

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<div align = "center">
<font color = "#0066cc" size = "+2" face = "华文行楷">This the HTML web page!</font><br>
<font color = "#0066cc" size = "+2" face = "华文行楷"><b>This the HTML web page!</b></font><br>
<font color = "#0066cc" size = "+2" face = "华文行楷"><i>This the HTML web page!</i></font><br>
<font color = "#0066cc" size = "+2" face = "华文行楷"><u>This the HTML web page!</u></font><br>

<font color = "#0066cc" size = "+2" face = "华文行楷">2<sup>3</sup></font><br>　　<!-- sup 上标-->
<font color = "#0066cc" size = "+2" face = "华文行楷">2<sub>3</sub></font><br>　　<!-- sub 下标-->
<font color = "#0066cc" size = "+2" face = "华文行楷">This the <font color = "#000000">HTML</font> web page!</font><br> </div> </body> </html>　　<!-- 同类标签的就近原则 -->
复制代码

运行结果：

 

8.超级链接

格式：<a href = "路径" name = "热点名" target = "打开方式">链接元素</a>

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<div align = "center">
<a href = "http://www.baidu.com" name = "baidu" target = _blank>百度</a>
</div>


</body>

</html>
复制代码

运行结果：

 

9.链接

格式：    <a href = "#标记号">热点文本</a>

            <a name = "标记号">显示的热点文本</a>

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<a href = "#001">热点文字</a>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>

<a name = "001">跳到这里</a>

<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>
<p>HTML</p>


</body>

</html>
复制代码

运行结果：

 

 

10.链接标签综合应用：应用到别的页面的热点

格式： <a href = "路径#标记号">热点文本</a>

例子：

复制代码 
<html>

<title>
This the first HTML page
</title>

<body>

<a href = "SevenPage.html#001">链接到SevenPage.html的一个热点区域</a>

</body>

</html>
复制代码

运行结果：

单击链接结果：

 

libenchu347
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5基础一
03-04
以后陆续上传html5资料，一共二十三章
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 21万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML基础知识点
qq_40046544的博客
07-27 8130
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
web前端开发（一）—HTML基础
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
全网最全HTML基础
a1085653724的博客
04-20 4780
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
HTML基础标签
weixin_45348240的博客
03-23 6025
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
html基础教程
07-22
资源名称：html基础教程内容简介：HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...
html基础知识（一）
11-13
html基础知识
HTML基础知识点学习一
06-30
前端入门基础知识点,HTML知识点整理,用Typora写的
HTML基础 HTML的组成结构
09-28
HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。
安卓选择器类库，包括日期及时间选择器（可用于出生日期、营业时间等）
04-24
安卓选择器类库，包括日期及时间选择器（可用于出生日期、营业时间等）、单项选择器（可用于性别、民族、职业、学历、星座等）、二三级联动选择器（可用于车牌号、基金定投日期等）、城市地址选择器（分省级、地市级及区县级）、数字选择器（可用于年龄、身高、体重、温度等）、日历选日期择器（….zip
整个系统采用 Java 语言基于 Spring 全家桶，与MySQL数据库等相结合开发
04-24
虽然现如今电商行业发展迅速，平台成熟，但是小的个体商家想要在头部电商平台中交易还是代价很高，各种供应链拖欠货款层出不穷，当客户和平台由于商品问题产生纠纷后，平台整体会倾向于客户处理，总之，还是要有自己的商城系统，构成所谓的两条腿发展，做到既可以利用第三方平台销售，也需要自己建立平台。我们开发的乐优商城，具备全品类商品的买卖能力，并且组建了一整套高性能服务，可以实现高并发高可用，满足电商的各种促销。为中小企业全方位解决搭建交易平台的难题。 乐优商城开发功能目标： 1、 商品管理模块：实现商品分类，品牌，规格参数，商品自身管理，商 品的上架，下架处理。 2、 搜索系统：基于 elasticSearch 实现商品搜索，搜索自动提示，高亮， 排序，搜索过滤。 3、登录系统：实现用户的登录以及登出，过期时间刷新。 4、购物车系统：基于 SpringData 及 MongoDB 实现购物车增删改查。 5、下单系统：下单减库存，使用分布式事务解决方案 Seata 6、支付系统：调用第三方电子支付平台完成支付及回调，动态修改订单 状态为已支付，为后续发货物流，做好保障工作。
毕业设计+Python+基于OpenCV的交通路口红绿灯控制系统设计+Sqlite +PyCharm 8.zip.zip
04-24
本资源中的源码都是经过本地编译过可运行的，下载后按照文档配置好环境就可以运行。资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够满足学习、使用需求，如果有需要的话可以放心下载使用。有任何问题也可以随时私信博主，博主会第一时间给您解答！！！ 本资源中的源码都是经过本地编译过可运行的，下载后按照文档配置好环境就可以运行。资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够满足学习、使用需求，如果有需要的话可以放心下载使用。有任何问题也可以随时私信博主，博主会第一时间给您解答！！！ 本资源中的源码都是经过本地编译过可运行的，下载后按照文档配置好环境就可以运行。资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够满足学习、使用需求，如果有需要的话可以放心下载使用。有任何问题也可以随时私信博主，博主会第一时间给您解答！！
Java毕业设计-基于Springboot+Vue水果购物网站源码+数据库+PPT文档+演示视频（高分项目）.zip
04-24
Java毕业设计-基于Springboot+Vue水果购物网站源码+数据库+PPT文档+演示视频（高分项目）.zip该项目是个人高分毕业设计项目源码，已获导师指导认可通过，答辩评审分达到97分，在window10/11测试环境严格调试，下载即用，确保可以运行，部署教程齐全，也可以作为期末作业。 Java毕业设计-基于Springboot+Vue水果购物网站源码+数据库+PPT文档+演示视频（高分项目）.zip该项目是个人高分毕业设计项目源码，已获导师指导认可通过，答辩评审分达到97分，在window10/11测试环境严格调试，下载即用，确保可以运行，部署教程齐全，也可以作为期末作业。 Java毕业设计-基于Springboot+Vue水果购物网站源码+数据库+PPT文档+演示视频（高分项目）.zip该项目是个人高分毕业设计项目源码，已获导师指导认可通过，答辩评审分达到97分，在window10/11测试环境严格调试，下载即用，确保可以运行，部署教程齐全，也可以作为期末作业。Java毕业设计-基于Springboot+Vue水果购物网站源码+数据库+PPT文档+演示视频（高分项目
浙江财经大学东方学院-论文PPT模板我给母校送模板作品.pptx
04-24
PPT模板，答辩PPT模板，毕业答辩，学术汇报，母校模板，我给母校送模板作品，周会汇报，开题答辩，教育主题模板下载。PPT素材下载。
node-v13.13.0-linux-armv7l.tar.xz
最新发布
04-24
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
修复windows系统库软件
04-24
windows系统，安装软件后，经常会遇到缺少系统库的情况，通常有三种方法 方法2：修复系统库。双击运行这个软件即可自动修复。
基于matlab的说话人语音识别源码+PPT+报告（优质项目）.zip
04-24
基于matlab的说话人语音识别源码+PPT+报告（优质项目）.zip个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ 基于matlab的说话人语音识别源码+PPT+报告（优质项目）.zip个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ 基于matlab的说话人语音识别源码+PPT+报告（优质项目）.zip个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！基于matlab的说话人语音识别源码+PPT+报告（优质项目）.zip个人经导师指导并认可通过的98分毕业
2020年美国大学生数学建模竞赛C题代码.zip
04-24
最全的数学建模美赛C题和代码、大量刷题题库、逻辑清晰易于学习
html基础手册下载
12-31
你可以在网上找到很多关于HTML基础手册的下载资源。可以在搜索引擎上输入关键词“HTML基础手册下载”，然后浏览搜索结果找到适合自己的下载链接。同时，你也可以在一些知名的学术网站或者技术论坛上寻找HTML基础手册的下载资源，通常这些网站提供的资源更加权威和可靠。 另外，一些在线教育平台也会提供HTML基础手册的下载服务，如果你愿意在线学习，可以考虑在这些平台上搜索相关资源。此外，你还可以直接访问一些技术社区或者开发者论坛，这些地方通常都会有人分享HTML基础手册的下载链接。 当然，如果你更喜欢实体书籍，可以考虑购买一本关于HTML基础的书籍，这样不仅可以得到手册的内容，还可以拥有实体书的收藏价值。总的来说，无论是在线资源还是实体书籍，都有很多途径可以获取到HTML基础手册的下载或购买信息，希望你能找到适合自己的方式获取这份资料，加油！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值