首页 > 其他分享 >web学习1

web学习1

时间:2024-06-11 19:55:36浏览次数:18  
标签:web 标签 可以 元素 学习 嵌套 超链接 设置

元素
一个html元素主要由3部分构成:开始标签,内容,结束标签。例如:<em>最喜欢的食物是肉肉</em>。空元素不含结束标签,例如标签
不同元素之间可以嵌套,需要注意的是块级元素不能嵌套在内联元素当中,内联元素可以嵌套在块级元素中
在元素中,我们可以为元素添加属性。例如:<p>A link to my <a href="https://www.mozilla.org/" title="The Mozilla homepage" target="_blank">favorite website</a>.</p>。其中,为锚标签,可以在其包裹内容中设置超链接,href设置超链接地址,点击内容后会自动跳转到href对应的网页中,title描述超链接的信息,target属性可以设置是否在新标签页打开链接,如果需要则target="_blank"不需要则无需设置target属性。

我门可以使用,title标签为网页设置标题
在head中,我们可以使用标签设置网页字符格式,一般采用UTF-8.例如:<meta charset="UTF-8"/>。注意元素是空元素没有结束标签。
我们还可以使用标签设置网页的相关信息用于用户搜索:<meta name="超市"content="这是咚咚咚冬鸭的超市>name说明了元素的类型,指明该元素包含什么信息。content中保存信息.
超链接
一般将元素包裹在元素
中,并给他一个href属性来创造一个超链接:<a href="https://www.mozilla.org/" title="The Mozilla homepage" target="_blank">favorite website</a>.在中,我们可以使用title描述超链接内容,当鼠标移动到超链接上时,会显示出来。
我们也可以将其他元素嵌套在超链接中,比如将标题嵌入超链接,当点击时,会自动跳转:

<a href="https://developer.mozilla.org/zh-CN/">
  <h1>MDN Web 文档</h1>
</a>
<p>自从 2005 年起,就开始记载包括 CSS、HTML、JavaScript 等网络技术。</p>

我们还可以将超链接嵌入图片:

<a href="https://developer.mozilla.org/zh-CN/">
  <img src="mdn_logo.svg" alt="MDN Web 文档主页" />
</a>

标签:web,标签,可以,元素,学习,嵌套,超链接,设置
From: https://www.cnblogs.com/wyjyxy/p/18216905

相关文章

  • 单片机学习(9)--串口
    串口8.1串口通信1.串口介绍2.硬件电路3.电平标准4.接口及引脚定义5.常见通信接口比较6.相关术语6.51单片机的UART7.串口参数8.串口模式图8.串口和中断系统9.串口相关寄存器8.2串口向电脑发送数据,电脑通过串口控制LED1.串口向电脑发送数据程序(1)工程目录(2)main.c函数(3)UART......
  • PCIe学习——重点提纲
    PCIe学习-重点提纲基础知识计算机架构基础总线系统概述PCIvsPCI-XvsPCIePCIe概述PCIe的发展历史PCIe与其他总线的对比PCIe的优势和应用场景PCIe体系结构PCIe分层模型物理层(PhysicalLayer)数据链路层(DataLinkLayer)事务层(TransactionLayer)PCIe链......
  • 【课程总结】Day7:深度学习概述
    前言本篇文章,我们将通过示例来逐步学习理解导数、求函数最小值、深度学习的本质、以及使用numpy和pytorch实操深度学习训练过程。线性回归线性回归内容回顾在《【课程总结】Day5(下):PCA降维、SVD分解、聚类算法和集成学习》中,我们已经了解到线性回归以及线性回归可以表......
  • Django学习项目-learning log报错合集(2)
    样式篇stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css:1  Failedtoloadresource:net::ERR_CONNECTION_TIMED_OUTdjango-bootstrap3样式无效按这篇文章进行修改......
  • 访问器属性学习
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><......
  • ESP32学习笔记:NVS分区永久保存数据
    程序示例:/*ESP32startupcounterexamplewithPreferenceslibrary.ThissimpleexampledemonstratesusingthePreferenceslibrarytostorehowmanytimestheESP32modulehasbooted.ThePreferenceslibraryisawrapperaroundtheNon-volatilestorage......
  • SQL 数据库学习 Part 1
    数据和信息信息信息是客观存在的,是关于现实世界事物的存在方式或运动状态数据数据是用来记录信息的可识别的符号,是信息的具体表现形式数据和信息的联系数据是信息的符号表示或载体信息则是数据的内涵,是对数据的语义解释数据库定义数据库是长期存储在计算机内、有组织......
  • [学习JWT安全]JWT安全的学习笔记
    学习了JWT(jsonwebtoken),下边是笔记......
  • 基于分类算法的学习失败预警(机器学习课程期末设计报告)
    目录一.课设背景1.1设计要求1.2项目概述二.实验环境三.设计原理3.1理论知识3.1.1学习失败风险预测流程3.1.2数据预处理3.1.2.1缺失值处理(空值填充)3.1.2.2数据平衡3.1.2.3标准化处理3.1.3构建模型进行训练3.1.3.1网格搜索3.1.3.2随机森林算法3.1.2.3......
  • 基于.Net 框架实现WebSocket 简单通信——服务端
    新建项目创建一个.Net框架的控制台程序。添加包 项目→管理NuGet程序包打开包管理窗口,添加SuperWebSocket程序包。实现项目→添加类打开添加新项窗口,添加一个C#类。启动监听 WebSocketServersocket=newWebSocketServer();Console.WriteLine("IP:"+ip......