HTML-随记

基本的html标签

html标题

html的标题是通过<x>来实现的x=1~6

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

html段落

html的段落通过<p&gtp;来实现的

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

html链接

html的链接是通过<a>来实现的

<a href="http://www.baidu.com">百度</a>

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

href值：打开目标地址，一般填写将要转到目标地址。如href="http://www.baidu.com/"这样浏览者在网页中鼠标点击对应此锚文本将打开到网页http://www.baidu.com

target值：

<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>

  • _blank:在新窗口中打开链接

  • _parent:在父窗体中打开链接

  • _self :在当前窗体打开链接,此为默认值

  • _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)

  • 如果target不带值，代表在本页父窗体中打开链接

超链接作用：

使用a锚链接可以从A页面转到B页面，也就是常常见到和使用的，如新闻网站，我们看到标题觉得感兴趣，鼠标点击然后进入另外页面了解详情。这个就是html a超链接运用。

html图像

HTML 图像是通过 <img> 标签进行定义的

<img src="logo.png" width="104" height="142" />
  • 注释：图像的名称和尺寸是以属性的形式提供的。

html元素

  • html文档是由html元素定义的

html元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签 元素内容 结束标签
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />

HTML 元素语法

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

嵌套的html元素

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

HTML 文档由嵌套的 HTML 元素构成。

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

上述html代码解释

  • <p>元素
<p>This is my first paragraph.</p>

这个<p> 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。

元素内容是：This is my first paragraph。

  • <body>元素
<body>
<p>This is my first paragraph.</p>
</body>

<body> 元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

  • <html>元素
 <html>
 
 <body>
 <p>This is my first paragraph.</p>
 </body>
 </html>

<html>元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 <html>。

元素内容是另一个 HTML 元素（body 元素）。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br&gt: 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

HTML 提示：使用小写标签

HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

W3School 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

posted @   jiafic  阅读(22)  评论(0)  编辑  收藏  举报
相关博文：
· C语言作业-小学生测验
· c语言作业 -教师评价系统
· html 学习
· 浅谈HTML
· HTML: 基础知识
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae