HTML 入门 ( 一 )

devtools/2024/9/22 7:36:37/


HTML文档创建

  1. 首先创建一个txt文本文档

image.png

  1. 修改文件后缀

image.png

HTML标签

标签结构

  1. 标签又称为元素,是HTML的基本组成单位
  2. 分为: 双标签单标签
  3. 推荐小写标签名

结构:

image.png

双标签示例代码:

html"><marquee> My name is Kvein. </marquee>

单标签示例代码:

html"><input>

标签的并列与嵌套

html"><marquee>My name is Kvein.<input>
</marquee>
<input>

HTML标签属性

标签的属性用于给标签提供附加信息,具体结构如下图:
image.png

html"><marquee loop = "1" bgcolor = "orange">My name is Kvein.
</marquee>
<input type = "password">

网页呈现:
image.png

标签中不要出现同名属性,否则后写的会失效:
例如

HTML的基本结构

html"><html><head><title>网页标题</title></head><body><marquee loop="3" bgcolor="orange">My name is Kvein.</marquee><input type="password"></body>
</html>

HTML注释

与其他语言的注释作用相同,注释方法如下:

html"><!--	我是注释	-->

注释不可以嵌套

HTML文档说明

  1. 作用:告诉浏览器当前网页的版本(提高效率)
  2. 写法:
  3. 注意:文档声明,必须在网页的第一行,且在 html 标签的外侧。

HTML字符编码

ASCII码就是字符集的一种,但是在HTML中我们更常用 UTF-8

当在代码中实现字符编码的确认的代码如下:

html"><html><head><meta charset="UTF-8"/> <!--	使用UTF-8进行编码	--><title>Kvein's html</title></head><body><marquee loop="3" bgcolor="orange">My name is Kvein.</marquee><input type="password"></body>
</html>

语言设置

  1. 作用:

① 使浏览器显示对应的翻译提示
② 有利于搜索引擎优化

  1. 具体写法:
html"><!--	用简体中文举例	-->
<html lang = "zh-CN">

拓展至HTML的标准结构

html"><!DOCTYPE html>
<html><head><meta charset="UTF-8"/><title>Kvein's html</title></head><body><marquee loop="3" bgcolor="orange">My name is Kvein.</marquee><input type="password"></body>
</html>

如果对你有帮助的话,请继续支持我吧~


http://www.ppmy.cn/devtools/4074.html

相关文章

server_id 引发的 MySQL 级联复制同步异常

MySQL 级联复制的坑&#xff0c;我帮你们踩了。 作者&#xff1a;蒋士峰&#xff0c;爱可生 DBA 团队成员&#xff0c;熟悉 MySQL&#xff0c;Oracle 等数据库。每天的积累&#xff0c;时间久了&#xff0c;会带来不一样的收货。 爱可生开源社区出品&#xff0c;原创内容未经授…

欧拉公式;傅里叶变换;耳朵:声波(音频)眼睛:光波(图像) 大脑:傅里叶快速变换

目录 复分析 复数指数函数 欧拉公式 a点向量,方向和长度的向量;

信息系统项目管理师0056:数据管理(4信息系统管理—4.2管理要点—4.2.1数据管理)

点击查看专栏目录 文章目录 4.2管理要点4.2.1数据管理1.数据战略2.数据治理3.数据架构4.数据应用5.数据安全6.数据质量7.数据标准8.数据生存周期9.理论框架与成熟度4.2管理要点 信息系统管理涉及系统准备、设计、实施、运行等活动的众多方面,

深入理解高并发超卖一系列问题与解决方案(近7万字详解,跳槽涨薪必备宝藏珍藏级分享)

破除困境带你飞 能遇上高并发的&#xff0c;基本都是有点规模的公司&#xff0c;小公司基本都是CRUD。 想去一线城市跳槽&#xff0c;想去有高并发的公司&#xff0c;但是没有高并发经验&#xff0c;没有高并发的经验&#xff0c;就去不了高并发的公司&#xff0c;去不了这样的…

mq如何保证消息队列的消息不丢失?高可用?

在消息队列&#xff08;MQ&#xff09;系统中&#xff0c;确保消息不丢失和高可用是非常重要的特性。以下是一些常见的策略和机制来实现消息的持久性和系统的高可用&#xff1a; 保证消息不丢失 消息持久化&#xff1a;将消息保存到磁盘&#xff0c;在系统崩溃后依然能够恢复消…

Unity给地图物体添加对撞机

在项目/Assets下创建Prefabs文件夹 选择素材拖入层级下&#xff0c;注意此时地图素材有可能看不到&#xff0c;此时选择Tilemap在检查器中修改图层顺序调至最低。 添加对撞机 选择素材&#xff0c;在检查器中点击添加组件Box Collider 2D&#xff0c;将素材拖入Prefabs文件下…

20240415金融读报:市场信贷不能过于宽松声音碳领域新增文件

1、市场普遍认为&#xff0c;在经济转型背景下&#xff0c;当前的社会融资规模和信贷增长有助于经济高质量发展&#xff0c;过于宽松并不利于经济发展。&#xff08;已经有这个声音了&#xff0c;是不是说明我们已经脱离了U型曲线的最低点&#xff0c;在或快接近其后半段的1/2处…

项目三:学会如何使用python爬虫请求库(小白入门级)

根据上一篇文章我们学会的如何使用请求库和编写请求函数&#xff0c;这一次我们来学习一下爬虫常用的小技巧。 自定义Headers Headers是请求的一部分&#xff0c;包含了关于请求的元信息。我们可以在requests调用中传递一个字典来自定义Headers。代码如下 import requests h…