HTML基础

最新推荐文章于 2024-07-21 17:58:14 发布
最新推荐文章于 2024-07-21 17:58:14 发布
阅读量171 收藏 1
点赞数 3
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s001125/article/details/112532338
版权

HTML标题

HTML标题是从 h1-h6来定义的 h7以后的相当于没有格式。
实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是一个h1标题</h1>
    <h2>这是一个h2标题</h2>
    <h3>这是一个h3标题</h3>
    <h4>这是一个h4标题</h4>
    <h5>这是一个h5标题</h5>
    <h6>这是一个h6标题</h6>
    <h7>这是一个h7标题</h7>
</body>
</html>

结果为
在这里插入图片描述

HTML段落

HTML中的段落是用p来定义的
实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <p>这是一个段落</p>
    <p>这是另一个段落</p>
</body>
</html>

结果为
在这里插入图片描述

HTML超链接

HTML链接是通过a标签来定义的
例如

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <a href="https://www.baidu.com">点一下这里进入百度</a>
</body>
</html>

结果为
在这里插入图片描述
在这里插入图片描述功能性超链接
用电脑点击邮箱可以直接进入电脑的邮箱软件
用手机点击打电话可以直接进入拨号页面，但必须电脑和手机在同一局域网下（例如同一热点）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<a href="mailto:1132235434@qq.com">点击这里进入本电脑邮箱</a>
<a href="tel:13985274135">点击这里直接打开拨号页面</a>

</body>
</html>

结果为
在这里插入图片描述

HTML图像

HTML图像是用img标签来定义的
例如

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <img src="./tv01.jpg" alt="">这是一个电视机
</body>
</html>

结果为
在这里插入图片描述

HTML基本标签与特殊字符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <strong>这是 &nbsp; 一个段落</strong> <br>
    <strong>这是一个段落</strong>
    <hr>
    &gt;这是一个大于号
    &lt;这是一个小于号
    &quot;这是一个等号
    &copy;这是版权符号

</body>
</html>

结果为
在这里插入图片描述

不是很菜的菜
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
html 功能性链接,web前端之html(三)超链接、锚链接和功能性链接
weixin_36315943的博客
06-21 728
前言前面总结的是头部标签和常用标签，下面这篇帖子就总结一些超链接、锚链接和功能性链接。超链接通过点击可以从一个页面跳转到另一个页面，实现页面间的导航。当鼠标移动到超链接时，箭头会变成一只小手。用法：使用标签创建超链接语法：属性：(1)href=“链接地址/路径”。(2)target=”指定打开链接的位置”取值：(看应用场景。)1._self默认值 表示在当前页面打开；2._blank在空白窗口(新...
Java学习笔记(No.22)
baidu_28055785的博客
09-14 144
Java之HTML5详解(No.22) 1、HTML(Hyper Text Markup Language) ​ HTML(Hyper Text Markup Language，超文本标记语言)，其中"“超文本”"包括“文字、图片、音频、视频、动画等”。 2、HTML5优势(HTML5 Advantages) 2.1、世界知名浏览器厂商的支持。 2.1.1、MicroSoft。 2.1.2、Google。 2.1.3、Apple。 2.1.4、Opera。 2.1.5、Mozilla。 2.2、市
3、HTML——注释、转义字符、超链接标签、锚链接、功能性超链接、列表标签、有序列表、无序列表、定义列表
CSDN_Loveletter的博客
11-15 1301
一、注释标签 二、转义字符 1、空格： 2、大于号/小于号：>/< 3、引号：" 4、版权：© 5、商标：& 6、常见转义字符 三、超链接标签：a 四、锚链接 1、跳转同网页位置 2、跳转不同网页位置 五、功能性超链接 六、列表标签 1、无序列表：ul--li 2、有序标签：ol--li 3、定义列表：dl--dt--dd
HTML基础知识点
qq_40046544的博客
07-27 8579
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
HTML基础标签
weixin_45348240的博客
03-23 6061
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
全网最全HTML基础
a1085653724的博客
04-20 5051
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML基础知识
xuan971130的博客
03-02 2888
一、基础知识： 1.网站：许多网页的集合。 2.HTML：超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。不是一种变编程语言，而是一种标记语言。 3.浏览器内核（渲染引擎）：负责读取网页内容，整理讯息、计算网页的显示方式并显示页面。 4.Web标准的组成 ...
HTML基础笔记
02-06
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记
html基础教程
07-22
资源名称：html基础教程内容简介：HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...
Html基础文档
09-13
HTML 免费
html--图片变化
2301_81140745的博客
07-20 456
2.点击上传图片会有变化。
网页隐藏版之一行小说阅读器
m0_47147246的博客
07-19 342
网页隐藏版一行小说阅读器
黑马JavaWeb企业级开发（知识清单）01——前端介绍，HTML实现标题：排版
最新发布
apple_68589597的博客
07-21 688
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单）01：前端介绍、html实现标题格式内容的总结，帮助需要学习Web开发的朋友温故而知新。
HTML、CSS、JS浅浅浅浅浅解
lbdking的博客
07-20 1412
初识Web web标准 web标准也被称为网页标准，由一系列的标准组成，大部分由W3C（World Wide Web Cnsortium，万维网联盟）负责制定。 三个组成部分 HTML:负责网页的结构（页面元素和内容）。 CSS：负责网页的表现（页面元素的外观，位置等页面样式，如：颜色、大小等）。 JavaScript：负责网页的行为（交互效果）。 HTML HTML：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片，音频，视频等内容。 标记语言：由标签构
HTML基础：表单标记详解
本章节详细介绍了HTML基础知识中的表单标记，这是网页设计和交互的重要组成部分。HTML (HyperText Markup Language) 是一种描述性标记语言，非编程语言，主要用于构建网页结构和呈现内容。表单标记`<form>`是HTML的...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值