HTML
CodeDoraemon
这个作者很懒,什么都没留下…
展开
-
HTML 部分标签思维导图
CSS 标签学习<!document>HTML 文档的第一行,告诉浏览器文档所使用的HTML 规范此为一个声明,不是一个tag标签告诉浏览器编写的页面所使用的标记的版本定义超链接href 属性,指定链接的目标target 属性,_blank 新打开页面展示目标网页定义粗体的文本,使得呈现出来的部分为粗体位于 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息,等等 标签定义文档的页眉(介绍信息)。标签水平线文档中加一条水平线告诉浏览器这是一个 h原创 2021-02-01 10:39:07 · 336 阅读 · 0 评论 -
HTML 注册案例 学习 制作
案例目标2. 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2021-01-25 22:47:57 · 155 阅读 · 0 评论 -
HTML select 下拉表单 textarea 文本域元素
select1. select 下拉菜单应用场景:需要有一个下拉选项有多个选项让用户选择,节约页面空间,使用 定义下拉列表2. 代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-01-25 22:06:10 · 676 阅读 · 0 评论 -
HTML labal 标签
1. labal 标签 标签为 input 元素定义标注 (标签)可以提高用户体验2. 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>labal标签</ti原创 2021-01-25 21:47:39 · 1927 阅读 · 0 评论 -
HTML 表单标签
表单标签现实中:表单就是办理业务的单子网页中的表单:为什么需要表单表单的目的是:收集用户信息表单的组成表单域表单控件提示信息原创 2021-01-24 18:10:46 · 112 阅读 · 0 评论 -
HTML 有序列表 自定义列表
有序列表 表示这是一个有序列表 有序列表中的列表项# 代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>有序列表</title></head&g原创 2021-01-24 16:39:24 · 2968 阅读 · 0 评论 -
HTML 列表标签
列表标签表格是用来显示数据的,列表是用来布局数据的列表最大的特点是整齐、整洁、有序、使得布局更加的自由以及方便列表分类:1. 无序列表 2. 有序列表 3. 自定义列表无序列表 (最重要的学习对象)无序列表之间没有顺序级别之分 中只能放置 中放置其他是不允许的演示代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n原创 2021-01-24 16:04:30 · 107 阅读 · 0 评论 -
HTML 表格小结
整体学习内容1. 表格相关标签tabletr(行)td(列)th(表头加粗)theadtbody2. 表格相关属性3. 合并单元格行:rowspan列:colspan原创 2021-01-24 12:50:16 · 104 阅读 · 0 评论 -
HTML 合并单元格
合并单元格特殊情况下。可以将多个单元格合并成为一个单元格合并单元格方式跨行、跨列合并行之间和列之间的合并跨第二行,第三行合并叫做跨行合并跨第二列,第三列合并叫做跨列合并目标单元格跨行:最上侧单元格为目标单元格,写合并代码跨列:最左侧单元格为目标单元格,写合并代码合并单元格步骤确定行、列合并找到目标单元格删除多余的单元格合并单元格代码<!DOCTYPE html><html lang="en"><head> <met原创 2021-01-24 12:45:12 · 2346 阅读 · 0 评论 -
HTML表格结构标签
表格结构标签使用的场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成表格头部和表格主体两个部分;** 表格的头部区域 表格的主体区域**可以更好的分清表格结构,使得语义更加的明确![在这里插入图片描述](https://img-blog.csdnimg.cn/20210124121145912.png)# 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2021-01-24 12:15:01 · 201 阅读 · 0 评论 -
HTML 制作表格案例
1. 运行要求2. 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>阅读排名</title></head><body>原创 2021-01-23 22:10:19 · 1594 阅读 · 0 评论 -
HTML 表格标签之表格属性
表格属性表格属性此处不常用,常在 CSS 进行设置学习目的:记住单词,后面使用直观感受表格的外观形态示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu原创 2021-01-23 20:20:18 · 223 阅读 · 0 评论 -
HTML 表格标签
1. 表格标签学习目标2. 表格标签的基本使用表格的作用表格主要用于显示、展示数据,可以使得数据显示的非常的规整,有较好的可读性,一个好的表格使得繁杂的数据显示的十分合理,网页中的例子如下所示:表格不是用来布局页面的,而是用来展示数据的表格的基本语法3. 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi原创 2021-01-23 19:58:54 · 712 阅读 · 0 评论 -
HTML 一个综合案例 标签 路径 锚点链接 外部链接
学习目标原创 2021-01-23 18:11:07 · 271 阅读 · 0 评论 -
HTML 注释 特殊字符
1. 注释“” ctrl + /为了使得自己更加好的理解自己写的带啊吗2. 特殊字符根据特殊的字符来使得网页显示一些特殊的符号3. 演示代码 Document <p> 你好 hello # 4. 显示结果![在这里插入图片描述](https://img-blog.csdnimg.cn/20210123171247728.png)...原创 2021-01-23 17:13:01 · 167 阅读 · 0 评论 -
HTML 超链接标签
1. 超链接标签在 HTML 中, 标签用于定义超链接,作用是从一个页面链接到另外一个页面(1). 超链接的语法格式href 为必须的属性(2). 链接的分类外部链接2. 原始代码练习<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图像标签</title> </head> <body> <!--原创 2021-01-23 08:54:10 · 733 阅读 · 0 评论 -
HTML 路径 重点是图片相对于html文件的位置
1. 目录文件夹和根目录实际的项目中,文件不能乱放,需要放置在一个文件夹中,方便管理目录文件夹:就是一个普通的文件夹,里面放置了网站页面需要的相关素材,比如html、图片等根目录:打开目录文件夹的第一层就是根目录2. 路径1. 相对路径2. 绝对路径一般很少使用在网络中,有的图片的地址也是唯一固定的,可以进行引用...原创 2021-01-23 08:54:00 · 209 阅读 · 0 评论 -
HTML 图像标签 img src title width height border alt 使用语法及其操作
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>图像标签的使用</h1> <img src = "1.png"> <!-- img 表示记讲插入一张照片 --> <!-- src 图片的属性,将图片与 .原创 2021-01-22 20:22:08 · 2262 阅读 · 0 评论 -
HTML 图像标签及其路径
1. 图像标签在 HTML 标签中, 标签与应用与定义 HTML 中的图像单标签2. 图像标签的其他属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>图像标签的使用</h1> <img src = "1.png">原创 2021-01-22 18:11:47 · 215 阅读 · 0 评论 -
HTML 常用标签 <div> <span>
1. 两个标签都是用来布局使用的2. 代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div>我是一个 div 标签,我一个人占据一行<div> <div>我是一个 div 标签,我一个人占据一行<div>原创 2021-01-22 17:26:18 · 276 阅读 · 0 评论 -
HTML文本格式化标签
1. 文本格式化标签原创 2021-01-22 16:37:14 · 277 阅读 · 0 评论 -
HTML 一个网页段落的练习 中间有分段另起一行
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>重返西部第一!詹皇34分湖人克雄鹿取客场8连胜 字母哥6犯9失误</h1> <p>北京时间1月22日,NBA常规赛继续进行,湖人客场挑战雄鹿。此役雄鹿开局发力取得优势,湖人轰出一波1原创 2021-01-22 16:29:11 · 1001 阅读 · 0 评论 -
HTML 段落标签 换行标签
1. 段落标签2. 换行标签实际含义 break ;强行的打断、换行``` hello world <!--在某一个字的后面,加上<br />会强制换行,下一行钉头写--></body>```原创 2021-01-22 16:15:43 · 1204 阅读 · 0 评论 -
HTML 常用的标签之标题标签
1. 标签语义(即标签的作用)根据标签语义,在合适的地方给一个合理的标签,可以让页面的结构更加清晰比如标题标签,段落标签等2. 标题标签我是一级标题``` hello 一级标题 二级标题 一共由六级标题 根据需要进行选择,标题的重要性可以自己抉择 ```...原创 2021-01-22 16:06:23 · 2221 阅读 · 0 评论 -
HTML VScode自动生成的几行代码的理解
1. DOCTYPE表示文档类型为 html 类型2. lang(语言种类)en 定义语言为英语zh-CN 定义语言为中文en 就是英文网页,zh-CN 就是中文网页3. 字符集多个字符的集合,方便计算机识别以及存储各种文字 标签中,可以通过 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码![在这里插入图片描述](https://img-blog.csdnimg.cn/20210122155223620.png)...原创 2021-01-22 15:53:50 · 202 阅读 · 0 评论 -
HTML 标签
1. 学习目标2. 语法规范HTML 标签由 <> 包围的关键词 , 例如 HTML 标签通常一对对出现的,如 第一个标签是开始标签,第二个标签是结束标签双标签可以分为两类:包含关系和并列关系 单标签3. HTML 基本结构标签3.1 第一个 HTML 网页每个网页都会有一个基本结构标签(也叫做骨架标签),页面内容也是在基本标签上书写HTML 页面也叫做 HTML 文档4. 网页开发常用工具...原创 2021-01-22 09:47:44 · 107 阅读 · 0 评论 -
HTML 网页相关概念
1. 什么是网页?网站是根据在因特网上有一定的规则,使用HTML等制作的用于展示特定内容的相关网页的集合网页是是网站中的一“页”,通常是HTML格式的文件,需要使用浏览器进行阅读网页由一些图片链接、文字、声音、视频等所组成的2. 什么是HTML语言超文本含义:1.他加入了图片、声音、动画、多媒体等内容(超越了文本限制)2.可以从一个文件跳转到另外一个文件,与世界各地的主机文件链接(超级链接文本)3. 网页的形成由网页元素组成,元素使用 html描述出来,然后通过浏览器解析显示给用户前端原创 2021-01-22 09:24:20 · 221 阅读 · 0 评论