html
关注
分享
扫一扫
文章平均质量分 73
山楂不甜
这个作者很懒，什么都没留下…
展开
-
简易网易注册页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网易注册界面</title> <style> /*1.清空默认边距*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,原创 2021-07-17 16:55:50 · 461 阅读 · 0 评论 -
简易百度首页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>32-百度首页</title> <style> body{ font-size: 14px; color: #666666; font-family: "宋体"; } di转载 2021-07-14 10:13:16 · 182 阅读 · 0 评论 -
15.HTML基础——div和span标签
文章目录div标签作用span标签作用div标签和span标签区别div标签作用一般用于配合css完成网页的基本布局。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>29-div和span标签</title> <style> .header{ width: 980原创 2021-07-13 16:43:07 · 322 阅读 · 0 评论 -
14.HTML基础——字符实体
文章目录字符实体1.什么是字符实体？2.字符实体字符实体1.在HTML中对空格/回车/tab不敏感，会把多个空格/回车/tab当做一个来处理；1.什么是字符实体？在HTML中有的字符是被HTML保留的，有的HTML字符在HTML中是有特殊含义的，是不能在浏览器中直接显示出来的。那么这些东西想要显示出来就必须通过字符实体。2.字符实体 ：空格（一个 就是一个空格）<：小于符号< （less than）>：大于符号> （gre原创 2021-07-10 12:28:27 · 244 阅读 · 0 评论 -
13.HTML基础——其他标签
文章目录详情和概要标签1.什么是详情和概要标签？2.格式marquee标签1.什么是marquee标签？2.格式3.属性4.注意点HTML中被废弃的标签1.为什么会被废弃？2.注意点详情和概要标签1.什么是详情和概要标签？作用：利用summary标签来描述概要信息，利用details标签来描述详细信息。默认情况下是折叠展示，想看见详情必须点击。2.格式<details> <summary>概要信息</summary> 详情信息</details&原创 2021-07-10 12:03:24 · 152 阅读 · 0 评论 -
12.HTML基础——video标签和audio标签
文章目录video标签1.什么是video标签？2.video标签的属性2.1 src属性2.2 autoplay属性2.3 controls属性2.4 poster属性2.5 loop属性2.6 preload属性2.7 muted属性2.8 width和height属性3.video标签的第二种格式video标签1.什么是video标签？作用：播放视频格式：<video src=""></video>2.video标签的属性2.1 src属性用于告诉video原创 2021-07-10 10:22:54 · 2089 阅读 · 0 评论 -
11.HTML基础——表单标签
文章目录表单标签1.什么是表单？2.什么是表单元素？3.表单的格式4.常见的表单标签4.1 input标签4.1.1 type属性4.1.2 value属性4.2 Label标签4.3*Datalist标签4.4 select标签4.5 textarea标签表单标签1.什么是表单？表单就是专门用来收集用户信息的2.什么是表单元素？什么是元素？在HTML中，标签/标记/元素都是指HTML中的标签。例如:< a > a标签 / a标记 / a元素表单元素其实还是HTML中的一些标签原创 2021-07-09 20:32:18 · 312 阅读 · 0 评论 -
10.HTML基础——表格标签
文章目录表格标签1.什么是表格标签？2.表格标签的格式3.注意点*4.表格标签的属性（了解）（1）宽度和高度的属性（2）水平对齐和垂直对齐的属性（3）外边距和内边距的属性*5.细线表格（了解）6.表格标签中的其他标签（1）caption标签（2）th标签*7.表格标签8.单元格合并（1）水平方向上的单元格合并（2）垂直方向上的单元格合并表格标签其实在过去表格标签用得非常非常多，绝大多数的网站都是使用表格标签来制作的，也就是说，表格标签是一个时代的代表。1.什么是表格标签？表格标签的作用就是给一堆数据原创 2021-07-07 22:44:48 · 2029 阅读 · 0 评论 -
9.HTML基础——列表标签
文章目录列表标签什么是列表标签？HTML中列表标签的分类无序列表1.什么是无序列表2.格式3.注意点4.应用场景5.快捷方式有序列表1.什么是有序列表？2.格式定义列表1.什么是定义列表？2.格式3.应用场景4.注意点快捷方式列表标签什么是列表标签？列表标签的作用：给一堆数据添加列表语义，也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体HTML中列表标签的分类无序列表（最多）（unordered list）有序列表（最少）（ordered list）定义列表（其次）（definition l原创 2021-07-06 23:09:55 · 837 阅读 · 0 评论 -
8.HTML基础——a标签和base标签的基本使用，假链接，锚点
文章目录a标签作用：格式：targe属性title属性注意点base标签target属性假链接什么是假连接？假链接的意义格式锚点作用方法格式注意点a标签作用：用于控制页面与页面之间跳转的格式：< a href=“指定跳转的目标页面” >需要展示给用户查看的内容 < /a >targe属性作用：专门用于控制如何跳转_self:用于在当前标签页中跳转，也就是不新建界面跳转，默认就是_self_blank:用于跳转到新的标签页title属性作用：a标签的title原创 2021-07-06 21:14:58 · 669 阅读 · 1 评论 -
7.HTML基础——路径问题
文章目录路径问题1.通过相对路径赋值同级下级上级2.通过绝对路径赋值（了解）注意点路径问题给src属性赋值有两种方式1.通过相对路径赋值相对路径就是每次都从.html文件所在的文件夹开始查找，我们称之为相对路径。同级同级情况下，图片和.html文件存储在同一个文件夹中格式：src=“2021.png”下级下级就是存储图片的文件夹和.html文件在同一个文件夹中格式：src=“images/2021.png”含义是在.html文件所在的文件夹中找到名称叫做images的文件夹，然后原创 2021-07-06 00:07:49 · 240 阅读 · 0 评论 -
6.HTML基础——br标签
文章目录br标签作用格式注意点br标签作用在HTML中实现换行格式< br >注意点多个br标签可以连续使用，使用多少个br标签就会换多少行；由于HTML的作用就是用来给文本添加语义，而br标签的语义是不另起段落换行，而在企业开发中一般情况下需要换行都是因为需要另起一段，所以在企业开发中很少使用br标签；如果是没有描述完的，但需要换行就用< br >;如果这一段已经描述完了，需要换行，就用< p >...原创 2021-07-05 16:27:35 · 6164 阅读 · 0 评论 -
5.HTML基础——img标签
文章目录img标签1.什么是img标签2.img标签的格式3.注意4.属性img标签1.什么是img标签img标签中的img其实是英文image的缩写。所以img标签的作用，就是告诉浏览器我们需要显示一张图片。2.img标签的格式< img src=" " >img —— 代表一个标签src="" —— 代表一个属性img标签中的src是英文source的缩写所以img标签中的src就是用来告诉img标签，需要显示的图片名称3.注意和H系列标签、P标签还有Hr标签不一样，原创 2021-07-04 15:56:26 · 10711 阅读 · 0 评论 -
4.HTML基础——基础标签
文章目录基础标签学习H系列标签（Header 1——Header 6）P标签（Paragraph）基础标签学习*首先给我的webstorm创建一个能够快速创建.html文件的快捷键：ctrl+Shift+TabH系列标签（Header 1——Header 6）作用：用于给文本添加标题语义格式：< h1 >xxxxxxxxxx< /h1 >注意：H标签是用来给文章添加标题语义的，而不是用来修改文本的样式的。H标签一共有6个，从h1到h6，最多只能到6，超过原创 2021-07-04 15:02:15 · 143 阅读 · 0 评论 -
前端学习路线
文章目录基础必学HTML（搭建框架结构）CSS（对网页进行硬装）JS（对网页进行软装）基础必学HTML（搭建框架结构）学习时长：1-2周标签结构：< html >、< head >、< body >元数据标签：< title >、< style >、< meta >、< link >、 < base >布局标签：< div >、< ul >< ol >< l原创 2021-07-03 23:38:35 · 106 阅读 · 0 评论 -
3.HTML基础——DTD文档声明
文章目录DTD文档声明1.什么是DTD文档声明？2.DTD文档声明格式3.注意事项DTD文档声明1.什么是DTD文档声明？由于HTML有很多个版本的规范，每个版本的规范之间又有一定的差异，所以为了让浏览器能够正确地编译/解析/渲染我们的网页，我们需要在HTML文件的第一行告诉浏览器我们当前这个网页使用哪一版本的HTML规范来编写的。浏览器只要知道了我们是用哪一个版本的规范来编写之后，它就能够正确地编译/解析/渲染我们的网页。2.DTD文档声明格式每一个不同版本的规范都有不同的DTD文档声明。H原创 2021-07-03 21:40:37 · 268 阅读 · 0 评论 -
2.HTML基础——认识HTML
文章目录什么是HTMLHTML的作用网页的固定格式（1）编写网页的步骤：（2）基本结构：什么是HTMLHTML其实是HyperText Markup Language的缩写，超文本标记语言。HTML的作用首先利用记事本保存了一个标题和两段描述，然后修改纯文本文件的扩展名为.html，然后再利用浏览器打开；打开之后发现显示的格式不对，不对的原因是在纯文本文件中所有文字都是同级别的，浏览器不知道有哪些文字代表什么意思，也就是浏览器不知道哪些文字是标题，哪些文字是段落…，所以导致了显示的格式不正确；原创 2021-07-03 17:25:59 · 633 阅读 · 0 评论