HTML笔记

最新推荐文章于 2024-04-27 17:27:51 发布
最新推荐文章于 2024-04-27 17:27:51 发布
阅读量719 收藏
点赞数
分类专栏： 前端 文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ll666888999/article/details/124164632
版权

web标准及浏览器

HTML指的是超文本标记语言，用来描述网页的一种语言
标记语言是一套标记标签
常用浏览器：IE、火狐、谷歌、Safar、Opera，称为五大浏览器
浏览器内核：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
IE内核：Trident
firefox内核：Gecko
Safari内核：Webkit
Chrome、Opera内核：Blink，blink是webkit的分支

web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合，W3C（万维网联盟）是国际著名的标准化组织
Web标准优点：让web发展前景更广阔；内容能被更广泛的设备访问；更容易被搜寻引擎搜索；降低网站流量费用；使网站更易于维护；提高页面浏览速度
Web标准构成：结构、表现、行为
Web标准提出的最佳体验方案：结构、样式、行为相分离，也就是结构写到HTML文件中，表现写在CSS文件中，行为写到JavaScript文件中

HTML标签导读

HTML标签是由尖括号包围起来的关键词
HTML标签通常是成对出现的，称为双标签，有些特殊的标签是单个标签，称为单标签
双标签关系可分为包含关系和并列关系
在这里插入图片描述
基本结构标签（骨架标签）
在这里插入图片描述
HTML文档的后缀名必须是.html 或 .htm

文档类型声明，作用：告诉浏览器使用哪种HTML版本来显示网页

声明位于文档最前面位置，处于标签之前
不是一个HTML标签，是文档类型声明

是一个英语网页 lang种类：zh-CN 是中文网页

字符集是多个字符的集合，以便计算机能够识别和存储各种文字

Charset常用的值：GB2312、BIG5、GBK、UTF-8,其中UTF-8也称为万国码

HTML标签

标题标签

在这里插入图片描述

段落标签

在这里插入图片描述

换行标签

在这里插入图片描述

文本格式化标签

在这里插入图片描述

div和span标签

在这里插入图片描述

图像标签

在这里插入图片描述

路径之相对路径

在这里插入图片描述

路径之绝对路径

电脑中的路径或者完整的网络地址

超链接标签

在这里插入图片描述

注释标签

<–注释语句–> 快捷键：Ctrl+/

特殊符号

空格&nbsp
小于号&it
大于号&gt
和号&amp
人民币&yen
版权&copy
注册商标&reg
摄氏度&deg
正负号&plusmn
乘号&times
除号&divide
平方2&sup2
立方3&sup3

表格标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

列表标签

表格是显示数据的，列表是用来布局的，列表整齐、有序
分类：无序列表、有序列表、自定义列表

无序列表

在这里插入图片描述

有序列表

在这里插入图片描述

自定义列表

在这里插入图片描述

表单标签

目的是为了收集用户信息，一个完整的表单通常由表单域、表单控件（表单元素）和提示信息三个部分组成

表单域

在这里插入图片描述

表单控件（表单元素）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

label标签

在这里插入图片描述

下拉表单元素

在这里插入图片描述

Lucky Lulu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【HTML】HTML 注册表单案例 ② ( 表格中的内容设置 | 下拉列表 | 输入文本框 | 复选框 | 文本域 | 图片按钮 | 链接 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-24 4294
一、表格中的内容设置 1、设置下拉列表 2、设置输入文本框 3、设置复选框 4、设置文本域 5、设置图片按钮 6、设置链接 二、完整代码示例
html中表单下拉列表,我们如何使用HTML表单中的简单项目下拉列表？
weixin_30082413的博客
06-07 2931
使用HTML，您可以创建一个简单的项目下拉列表，以获取HTML表单中的用户输入。选择框(也称为下拉框)提供了一个选项，可以以下拉列表的形式列出各种选项，用户可以从中选择一个或多个选项。标记用于在HTML中创建带有标记的下拉列表。以下是标记的属性列表：序号属性和说明1名称用于为控件指定名称，该名称将被发送到服务器以进行识别并获取值。2大小可用于显示滚动列表框。3多个如果设置为“多个”，则允许用户从菜...
HTML + CSS 连载 | 36 - select 下拉列表
JingnanJia的博客
10-31 5297
下拉列表也是一种选择类型的元素，下拉列表可以节省网页的空间，默认状态下只显示一个选项，只有在点击下拉按钮的时候才会显示多个选项，比如下面这里选择地址的时候就是使用的下拉列表。可以将整个表单作为一个整体来进行操作；比如对整个表单的数据进行。默认只能选择其中一个选项，但是我们可以通过设置布尔属性。可以看到默认已经显示了两个选项，当然我们也可以通过。元素可以创建一个下拉列表，而下拉列表的选项则由。当然我们想要对表单进行重置或者提交还需要添加添加。使用 LiverServer 打开，可以看到。
HTML-表单，下拉菜单,文本域
最新发布
Kevin7_35Durant的博客
04-27 661
双标签：select嵌套option,select是下拉菜单整体，option是下拉菜单的每一项。作用：收集用户信息，类似登陆界面，调查问卷，搜索区域。占位文本-提示信息,在文本框和密码框没输入时显示。单标签：单选框是圆圈，多选框是方圈。
一篇带你学完HTML基础
qq_53869058的博客
05-28 815
HTML 代码是由 “标签” 构成的. 形如: 标签名 (body) 放到 < > 中 大部分标签成对出现. 为开始标签, 为结束标签. 少数标签只有开始标签, 称为 “单标签”. 开始标签和结束标签之间, 写的是标签的内容. (hello) 开始标签中可能会带有 “属性”. id 属性相当于给这个标签设置了一个唯一的标识符(身份证号码) HTML 文件基本结构 html 标签是整个 html 文件的根标签(最顶层标签) head 标签中写页面的属性. body 标签中写的是页面上显示的内容
HTML 笔记.zip
02-06
这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料，可能包括了基础概念、语法、元素、属性、标签等内容，帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中，我们通过一系列的标签来构建网页结构。例如...
HTML笔记传智讲师视频笔记适合初学者
04-16
"HTML笔记传智讲师视频笔记适合初学者"这个标题暗示了这是一份针对初学者的教程资料，可能包含了从基础到进阶的HTML知识，通过传智讲师的教学方式来讲解。 描述中的"html学习笔记"表明这是关于HTML学习的过程记录，...
HTML笔记.pdf
07-14
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记，涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. HTML基础知识： * DOCTYPE html是...
HTML笔记.txt
02-25
自己总结的html笔记标签 非常适合初学者参考大牛复习 每个标签都标注了用途 需要的可以下载。
HTML笔记(完整版).md
08-14
该笔记适合0基础学员学习，希望对各位学者有所帮助！
html实例007--下拉表单
dododododoooo的博客
06-30 454
html实例007–下拉表单元素 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
HTML 基础-15-表单-下拉菜单
weixin_63562705的博客
12-02 1674
3.1select下拉菜单标签 ★场景：在网页中提供多个选择项的下拉菜单表单控件 ★标签组成： · select标签：下拉菜单的整体 · option标签：下拉菜单的每一项 ★常见属性： · selected：下拉菜单的默认选中 <body> <select> <option>北京</option> <option>上海</option> <option&gt
html如何设置下拉列表
热门推荐
不负韶话
05-24 2万+
一.html中的下拉列表介绍 可以用许多方法完成下拉列表的功能。介绍在htlm中下拉列表的实现，html中下拉列表由select和option这两个表单标签一起使用来完成下拉功能的。 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>e易行</title> </head> <body style="text-align
HTML下拉表单和表单元素
qq_72174695的博客
07-08 341
HTML下拉表单和表单元素
html表单下拉菜单_HTML表单：下拉菜单
cungui5726的博客
08-16 6371
html表单下拉菜单Drop-down menus are used on forms to capture responses for which there is one correct response from multiple possible answers. A good example of this is asking for a visitor’s province, stat...
html下拉表单
行善之人必有余庆
05-25 3097
插入表单 兴趣调查 选择你喜欢的音乐: 摇滚 流行 爵士 民族 打击 北京 上海 南京
HTML之表单form的select标签
qq_39301366的博客
07-31 2万+
form标签中，以下标签实现表单元素添加： <input>表单输入标签 <select>下拉菜单和列表标签 <option>下拉菜单和列表项目标签 <textarea>文字域标签 <optgroup>下拉菜单和列表项目分组标签 <select/>标签，属性：name，size初始下拉选项的个数，multiple（按住ctrl...
纯html+css实现下拉菜单
13-c的博客
12-24 1万+
下拉菜单核心代码，未设置样式<!DOCTYPE html> <html lang="zh-cmn-hans"> <head> <meta charset="utf-8"> <title>test dropdown</title> <style> /*隐藏二级菜单*/ #drop-down>ul { display: none; } /*显示二级菜单
HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表
octopole的博客
08-13 2635
html里表中文本域和下拉列表的使用
张孝祥主讲经典HTML笔记：从基础到高级
本文档是一份由张孝祥主讲的HTML笔记，内容涵盖了JavaScript网页编程的基础课程，包括HTML语言的基础、高级概念、CSS、JavaScript语法、DOM对象模型编程以及脚本编程技术汇总。此外，还涉及到正则表达式的应用。文档...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值