web基础|HTML标签、转义字符、Head头

222 阅读3分钟

这是我参与2022首次更文挑战的第7天,活动详情查看:2022首次更文挑战

web基础|html

语义化标签-01

现需要设置一个按钮,请填写语义化标签补全代码片段(仅填写一个标签名即可)

<_____>点我!</_____>

button

语义化标签-02

在HTML中一般用哪个语义化标签表示斜体文本效果 i

语义化标签-03

在HTML中一般用哪个语义化标签表示头部导航 nav

语义化标签-04

在HTML中一般用哪个语义化标签定义无序列表<______>?

ul

语义化标签-05

在HTML中一般用哪个语义话标签定义表单<_______>? form

表单标签-01

现要实现提交表单时输入的不是3位数的数字时提示请输入三位数字,请补全下方代码片段

<form action="/example/html5/demo_form.asp">
	密号:<input type="text" name="country_code" pattern="[0-9]{3}"  ________="请输入三位数字" />
	<input type="submit" />
</form>

title

表单标签-02

现表单内有个提交按钮,点击后自动提交表单请求,请补全代码片段

<input type="________" value="提交">

submit

表单标签-03

怎么用input标签创建一个表单重置按钮?请补齐这段代码

<input type="________" value="重置">

reset

表单标签-04

怎么用input标签创建一个密码输入框?请补齐这段代码

<input type="________" placeholder="请输入密码">

password

表单标签-05

现有以下HTML代码,需要在点击提交按钮时,将用户名和密码自动提交到https://ac-api.csdn.net/login,请补全代码片段

<form  _______="https://ac-api.csdn.net/login" method="get">
    <input type="text" placeholder="用户名">
    <input type="password" placeholder="密码">
    <input type="submit" value="提交">
</form>

form表单中存在属性用户规定表单提时表单数据提交的URL,查看form元素对应的属性值即可得出答案

上一题下一题


action

转义字符-01

在HTML源代码中用什么实体名称表示版权符号 ©?

&copy;

转义字符-02

在HTML源代码中用什么实体名称表示商标符号 ™

&trade;

转义字符-03

在HTML源代码中用什么实体名称表示注册商标符号 ®

&reg;

转义字符-04

在HTML源代码中用什么实体名称表示大于号>

&gt;

转义字符-05

在HTML源代码中用什么实体名称表示乘号x

times

Head头-01

head中一般使用哪个标签定义文档的标题?

title

通过语义化标签可得出答案。浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上

Head头-02

head中一般使用哪个标签引入外部的CSS样式表文件?

link

该标签定义文档与外部资源的关系,最常用于链接样式表,也常用于给标题添加小图标

Head头-03

现有以下代码片段,要求实现定义SEO的关键字, 请补全代码片段

<meta name="_______" content="CSDN,CSDN能力认证中心"/>

keywords

meta标签主要用于SEO优化,通过keywordsdescription描述网页的关键字和描述

Head头-04

在移动端设备中想要定义视口宽度为屏幕宽度,请补全代码片段

<head>
    <meta name="viewport" content="width=________, initial-scale=1.0">
</head>

device-width

width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例

Head头-05

需定义文档的字符编码为utf-8,请补全代码片段

<head>
    <meta _______="UTF-8">
</head>

charset