html学习笔记
关注
分享
扫一扫
文章平均质量分 61
分享一下自学HTML时记的笔记
秃头少年小阮
这个作者很懒，什么都没留下…
展开
-
HTML案例之注册页面
HTML案例之注册页面经过前面的学习，我们已经学了很多的标签和语法了，HTML的学习即将告一段落，我们一起来做一个综合的练习：做一个简单的小说网站的注册页面。废话不多说，直接上代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-02-07 13:58:44 · 10944 阅读 · 1 评论 -
表单标签之textarea标签
表单标签之textarea标签1.作用：在我们的表单中，如果需要用到超过一行的文本框时，我们就不能再使用text了，举个栗子：就像这个百度翻译的文本框，这里就用到了我们的textarea标签，我们检查一下这里的源码：可以看到这个文本框的源码中出现了textarea标签。2.语法：现在我们一起来看看textarea标签怎么用：<textarea rows="5" cols="70">请输入文本</textarea>结果：1.textarea是一个双标签，两个标原创 2022-02-07 11:11:38 · 3600 阅读 · 0 评论 -
下拉列表(select标签)
下拉列表：select标签使用场景：在页面中，如果有多个选项让用户选择，使用select标签定义的下拉列表可以很有效的节约空间。受教育程度：<select> <option>小学</option> <option>初中</option> <option>高中</option> <option>大专</option> <option>本科<原创 2022-02-06 18:32:13 · 14287 阅读 · 0 评论 -
表单中的label标签
label标签:1.label标签的作用首先我们看一组代码：性别:男<input type="radio" value="男" name="gender"> 女<input type="radio" value="女" name="gender"> 这是我们昨天写的代码，运行结果：然后我们再加上label标签：性别:<input type="radio" value="男" name="gender" id="nan"> <label for="na原创 2022-02-06 14:27:21 · 2690 阅读 · 0 评论 -
input标签的value、placeholder、name、checked和maxlength属性
input的其他属性在昨天的的文章中，主要介绍了input标签的type属性，今天就来讲讲其他的属性：1.value属性：value属性的属性值是用户自定义的，用来规定input元素的默认值，例如：用户名:<input type="text" value="请输入用户名">但是实际运用中对于用户名和密码等可以看见的value值我们这样操作就会使用户的体验不是很好，如上图，在输入用户名的文本框中，会出现"请输入用户名"的文本，用户还得自己删掉,所以我们现在使用更多的是placehol原创 2022-02-05 11:40:08 · 4130 阅读 · 0 评论 -
input之type属性
input标签中的type属性的属性值：input标签中包含一个type属性，根据不同的type属性值输入的字段有很多种形式的表现方式：<input type="text"> <!--定义单行输入字段，文本格式。默认宽度为20个字符--><input type="password"> <!--定义单行输入字段，掩码加密格式--><input type="checkbox"> <!--定义复选框--><inp原创 2022-02-04 14:36:33 · 3662 阅读 · 1 评论 -
HTML的列表标签
2.列表标签作用：用来布局，让自己的页面看卡里更加有序，整齐。它作为布局会更加的自由和方便。根据使用情景不同，列表可以分为三类：无序列表、有序列表和自定义列表。2.1无序列表(重点)没有顺序排列的列表，列表项之间没有先后顺序。ul标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用li标签定义无序列表的基本语法格式如下：<h4>四大天王有哪些？</h4><ul> <!--定义无序列表--> <li原创 2022-02-03 10:50:16 · 515 阅读 · 0 评论 -
HTML表格之合并单元格
合并单元格(补充)合并单元格方式：1.跨行合并：rowspan=“合并单元格的个数”2.跨列合并：clospan=“合并单元格的个数”目标单元格:1.跨行：最上侧单元格为目标单元格，写合并代码2.跨列：最左侧单元格为目标单元格，写合并代码合并单元格三部曲：1.先确定是跨行还是跨列合并。2.找到目标单元格，写上合并方式=“合并的单元格数量”。例如：3.删除多余的单元格。初始表格<body> <table border="1" cellspacing="0" w原创 2022-02-02 13:44:00 · 21626 阅读 · 2 评论 -
HTML表格标签
1.html的表格标签1.1表格的作用表格主要用于显示、展示数据，它可以让数据显示的非常规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要，一个清爽简约的表格能够把繁杂的书表现的十分有条理。1.2表格的基本语法<table> <tr> <td>单元格里面的文本</td> ... </tr> ...</table><!--1.<tab原创 2022-01-30 13:36:29 · 528 阅读 · 0 评论 -
HTML中的注释和常用特殊字符
HTML中的注释和特殊字符1.注释如果需要在HTML文档中添加一些便于阅读和理解但是又不需要显示在页面中的注释文字，就需要用到注释标签。HTML中的注释用法<!--被注释的文本-->注释的快捷键：鼠标点击想要注释的一行然后 Ctrl + /可以添加注释，再按一次可以取消注释2.常用特殊字符在HTML页面中，一些特殊符号很难或者不方便使用，此时我们就可以使用以下字符来代替。空格符： 大于号">"：> 小于号"<"：<原创 2022-01-29 20:41:10 · 752 阅读 · 0 评论 -
HTML常用的标签：
常用的标签：1.标题标签h1-h6(重要)为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的网页标题，即h1-h6。<h1>这是一级标题</h1>单词head的缩写，意为头部，标题。标签语义：作为标题使用，并且根据重要性递减。 <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> <h4>这原创 2022-01-29 12:39:20 · 2393 阅读 · 1 评论 -
HTML常用的的超链接标签：a
HTML常用的的超链接标签：a在HTML标签中，超链接标签用a定义，作用是从一个页面到另一个页面。1.超链接的语法规范<a href="http://www.baidu.com" target="_blank">百度的链接</ a>其中a是anchor的缩写，中文意思是：锚其中href用于指定目标页面的url地址**(不可省略)**，标签拥有href属性时，才有了超链接功能。target用于指定目标页面的打开方式，可在引号""中输入_self为在当前页面中打开，输入_b原创 2022-01-28 19:22:33 · 1917 阅读 · 0 评论 -
HTML常用的的超链接标签：
HTML常用的的超链接标签：在HTML标签中，超链接标签用定义，作用是从一个页面到另一个页面。1.超链接的语法规范<a href="http://www.baidu.com" target="_blank">百度的链接</ a>其中a是anchor的缩写，中文意思是：锚其中href用于指定目标页面的url地址**(不可省略)**，标签拥有href属性时，才有了超链接功能。target用于指定目标页面的打开方式，可在引号""中输入_self为在当前页面中打开，输入_bla原创 2022-01-28 19:19:23 · 5442 阅读 · 1 评论 -
Win11下载安装以及使用VisualStudio Code保姆级教程
1.下载VisualStudio Code下载地址https://code.visualstudio.com/根据自己电脑系统下载对应的版本，我这里下载的是Window版本点击这个Download for Windows会弹出以下界面下载速度可能会比较慢挂上“科学”就是正常速度2.安装教程打开文件，同意协议：选择一个自己的文件夹，然后下一步：下一步：然后勾选在桌面创建快捷方式，下一步：然后安装：完成：3.汉化以及新建程序：打开code，按住Ctrl+Shift+原创 2022-01-27 13:34:42 · 3910 阅读 · 0 评论