HTML 入门 ( 一 )


HTML文档创建

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

image.png

  1. 修改文件后缀

image.png

HTML标签

标签结构

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

结构:

image.png

双标签示例代码:

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

单标签示例代码:

<input>

标签的并列与嵌套

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

HTML标签属性

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

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

网页呈现:
image.png

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

HTML的基本结构

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

HTML注释

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

<!--	我是注释	-->

注释不可以嵌套

HTML文档说明

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

HTML字符编码

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

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

<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 lang = "zh-CN">

拓展至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.hqwc.cn/news/615059.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

测试接口时出现HttpMessageNotReadableException: Required request body is missing

问题 测试接口时出现org.springframework.http.converter.HttpMessageNotReadableException: Required request body is missing异常 原因 发送请求时没有传参数 解决办法 第一种方式: 传个参数 第二种方式&#xff1a;给个空的JSON

教你们如何用html+css做出漂亮的表格

这个HTML文档定义了一个简单的网页&#xff0c;主要用于展示一个群聊信息的表格。以下是关于这个表格的详细介绍&#xff1a; 基本结构&#xff1a; 文档以<!DOCTYPE html>开始&#xff0c;这是HTML5的文档类型声明。<html>标签是HTML文档的根元素。<head>部…

QA测试开发工程师面试题满分问答12: 用户上传照片如何设计测试用例并进行测试

针对用户上传照片的功能&#xff0c;以下是一些从 QA 角度设计测试用例的示例&#xff0c;涵盖了前端功能点、后端功能点、缓存、异常处理、资源占用、并发和网络等维度&#xff1a; 前端功能点&#xff1a; a. 用户界面&#xff1a;验证上传照片的用户界面是否易于使用和导航&…

centos 7 sshd服务无法自动随机启动

centos 7 sshd 服务无法伴随主机启动而启动&#xff0c;而使用systemctl start sshd可以启动&#xff0c;很奇怪。 后来使用Kimi查询&#xff0c;有提示“检查系统启动服务的顺序和状态” systemctl list-dependencies <service>确保所有依赖服务都已正常启动。 查看本…

python--正则表达式,元字符,反义符,转义符,位数问题

正则表达式&#xff08;regular expression&#xff09;&#xff1a; 为什么使用正则表达式&#xff1a; 在软件开发过程中&#xff0c;经常会涉及到大量的关键字等各种字符串的操作&#xff0c;使用正则表达式能很大程度的简化开发的复杂度和开发的效率&#xff0c;所以pytho…

福州装修|福机新苑 105m² 3室2厅2卫,奶油原木风。福州中宅装饰,福州装修

设计亮点 设计理念&#xff1a; 该方案意为在黄白之间&#xff0c;其色半出而不是全显现。 方案简介&#xff1a; 本案例的业主追求自然、舒适、温暖的装修效果&#xff0c;意向是打造出自然质朴的室内环境&#xff0c;让人能感受到回归自然的平和感和舒适感。 玄关 步入玄关&…

DC-2渗透测试复现

DC-2渗透测试复现 目的&#xff1a; 获取最高权限以及5个flag 过程&#xff1a; 信息打点-ssh连接-git提权 环境&#xff1a; 攻击机&#xff1a;kali(192.168.85.136) 靶机&#xff1a;DC_2(192.168.85.132) 复现&#xff1a; 一.信息收集 nmap -sP 192.168.85.0/24 …

Visual Studio Code 终端为管理员权限

第一部 1、 Visual Studio Code 快捷方式启动选项加上管理员启动 第二步 管理员方式运行 powershell Windows 10的任务栏自带了搜索。或者开始菜单选搜索只需在搜索框中输入powershell。 在出来的搜索结果中右击Windows PowerShell&#xff0c;然后选择以管理员方式运行。 执…

matlab使用教程(42)—常见的二维图像绘制方法

这个博客用于演示如何在 MATLAB 中创建曲线图、条形图、阶梯图、误差条形图、极坐标图、针状图、散点图。 1.曲线图 plot 函数用来创建 x 和 y 值的简单线图。 x 0:0.05:5; y sin(x.^2); figure plot(x,y) 运行结果&#xff1a; 线图可显示多组 x 和 y 数据。 x 0:0.05:…

服务器代理

服务器代理 配置&#xff1a;64G内存1 3090&#xff08;24g&#xff09;1P4000&#xff08;8g&#xff09; SSH连接 工作路径&#xff1a;/home/ubuntu/workspace/python Anaconda路径&#xff1a;/home/Ubuntu 1.在工作路径下创建自己的文件夹作为workspace 2.以用户ubunbtu登…

Spring boot Actuator监控管理的快速入门和实战

1、Spring Boot Actuator的介绍 Spring Boot Actuator是Spring Boot提供的一个用于监控和管理Spring Boot应用程序的功能模块。 你可以选择通过使用HTTP端点或使用JMX来管理和监控你的应用程序。 审计、健康和指标收集也可以自动应用于你的应用程序。 Actuator的定义&#x…

应用实战|从头开始开发记账本2:基于模板快速开始

上期视频我们创建好了BaaS服务的后端应用。从这期视频开始&#xff0c;我们将从头开发一个互联网记账本应用。本期视频我们介绍一下如何使用模板快速开启我们的应用开发之旅。 应用实战&#xff5c;从头开始开发记账本2&#xff1a;基于模板快速开始 相关代码 本期视频我们介绍…