首页 > 其他分享 >一、HTML基础实例

一、HTML基础实例

时间:2024-12-12 22:32:03浏览次数:8  
标签:段落 定义 实例 基础 标题 HTML 文档

1.HTML 文档
(1)所有 HTML 文档都必须以文档类型声明开头: 。
(2)HTML 文档以 开始,以 结束。
(3)HTML 文档的可见部分位于 和 之间。

实例:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

2.<!DOCTYPE> 声明
(1)<!DOCTYPE> 声明表示文档类型,并帮助浏览器正确显示网页。
(2)它只出现一次,在页面顶部(在任何HTML标记之前)。
(3)<!DOCTYPE> 声明不区分大小写。
(4)<!DOCTYPE> 声明是 HTML5 网页:

实例:
<!DOCTYPE html>

3.HTML标题
(1)HTML 标题(Heading)是通过

等标签进行定义的。
(2)

定义最重要的标题。

定义不重要的标题:

实例:

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>

4.HTML段落
HTML 段落是通过

标签来定义的。

实例:

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

5.HTML链接
HTML 链接是通过 标签来定义的。

实例:
<a href="https://www.baidu.com">这是一个链接</a>

在 href 属性中指定链接的地址。

6.HTML图像
HTML 图像是通过 标签进行定义的。
图像的名称和尺寸是以属性的形式提供的: (src), (alt), width, and height

实例:
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

7.如何查看 HTML 源代码?
(1)查看 HTML 源代码:
在 HTML 页面中单击鼠标右键,然后在其他浏览器中选择"查看页面源"(在 Chrome 中)或"查看源"(在 Edge 中)或类似选项。这将打开一个包含页面的 HTML 源代码的窗口。

(2)检查 HTML 元素:
右键单击一个元素(或空白区域),选择"Inspect"或"Inspect element"查看元素的组成(您将看到 HTML 和 CSS)。您还可以在打开的"元素或样式"面板中动态编辑 HTML 或 CSS。

标签:段落,定义,实例,基础,标题,HTML,文档
From: https://www.cnblogs.com/forlinfeng/p/18603573

相关文章

  • 用C语言实现栈:从基础到实战
    栈(Stack)是一种基础的数据结构,遵循后进先出(LIFO,LastInFirstOut)的原则。它被广泛应用于函数调用、表达式求值、括号匹配等问题中。在这篇技术博客中,我们将详细介绍如何使用C语言实现一个栈,并涵盖基本的操作以及实战应用。什么是栈?栈是一种特殊的线性表,只允许在一端进行插入和......
  • 零基础前端项目实战】数据大屏可视化项目完整教程 - 手把手教你用Vue+ECharts打造炫酷
    效果图:完整代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>数据大屏展示</title><scriptsrc="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script><scrip......
  • 【网络安全零基础入门到精通教程】Web渗透信息收集之域名、端口、服务、指纹、旁站、C
    声明:本人坚决反对利用教学方法进行恶意攻击的行为,一切错误的行为必将受到严惩,绿色网络需要我们共同维护,更推荐大家了解技术背后的原理,更好地进行安全防护。文章目录一.Web渗透第一步二.域名信息收集1.域名查询2.Whois查询3.备案信息查询三.Web站点信息收集1.CMS指纹......
  • jenkins升级实例
    jenkin升级步骤    1.下载jenkins.war包和对应的jdk版本              2.只需要替换原来启动命令中的java路径和jenkins.war包即可     原来版本jenkins的启动命令      /etc/alternatives/java-Dcom.sun.akuma.Daemon......
  • 数据增强技术在医学图像处理中的应用场景及实例分析|个人观点·24-12-12
    小罗碎碎念知识星球答疑今天在知识星球里收到了一个用户的提问,我觉得这个问题比较具有代表性,所以专门写一篇推送分析一下数据增强在医学影像中的应用。提问的人没有给出具体的包,所以我只能介绍一下我自己处理数据增强问题的思路。我会更关注模型,其次才是包——我首选......
  • Redis 基础知识
    Redis基础1.什么是Redis?Redis是一个开源的、高性能的内存数据库,也可以用作缓存和消息队列。它以键值对的形式存储数据,并支持丰富的数据结构。Redis被广泛应用于Web、物联网、游戏等需要高吞吐和低延迟的场景。官网:https://redis.io/开发语言:CLicense:BSD3-Clause......
  • Pytorch学习_03 Tensor(上):基础计算单元
    目录什么是TensorTensor的类型、创建及转换Tensor的类型Tensor的创建直接创建从NumPy中创建创建特殊形式的TensorTensor的转换Tensor的常用操作获取形状矩阵转秩(维度转换)形状变换增减维度小结什么是TensorTensor是深度学习框架中极为基础的概念,也是PyTroch......
  • 【算法基础】图的存储与遍历
    一、图的存储在我们存储图的时候,主要使用邻接矩阵、邻接表两种方式来存储。通常邻接矩阵存储稠密图(边多),临界矩阵存储稀疏图(边少)。1.1邻接矩阵存储邻接矩阵听起来比较高大上,其实就是用二维数组来表示\(a\)点与\(b\)点之间有一条边。例如在上述无向图中\(1\)与\(4\)之......
  • 使用html 和javascript 实现微信界面功能2
    1.功能说明:对上一篇的基础上进行了稍稍改造主要修改点:搜索功能:在搜索框后面增加了搜索按钮。搜索按钮调用performSearch函数来执行搜索操作。表单形式的功能:上传文件:修改为表单形式,允许用户通过文件输入控件选择文件并上传。发布朋友圈:修改为表单形式,允许用户......
  • web安全学习路线(非常详细),零基础入门到精通,看这一篇就够了
    1.学习基本的Web开发知识在学习Web安全之前,了解基本的Web开发知识是非常重要的。Web开发通常涉及HTML、CSS和JavaScript等技术。这些技术可以帮助您理解Web应用程序的结构和工作原理。此外,了解Web服务器和客户端之间的通信过程也有助于您更好地理解Web安......