随笔分类 - HTML
1
摘要：代码： <!-- * @Description: 一个博客页面布局，加上一些CSS和JS样式 * @Author: zhangyh * @Date: 2024-06-29 15:25:16 * @LastEditTime: 2024-06-29 23:06:12 * @LastEditors: zh
阅读全文
摘要：<!-- 引入jQuery.js --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> <!-- 准备一个将要展示的<div>，它的默认状态为隐藏（display: none） -->
阅读全文
摘要：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title>用户登
阅读全文
摘要：文件上传是网站中一种常见的功能。例如百度网盘、QQ 邮箱以及有道云笔记都可以实现文件的上传。在 HTML 中，把 <input> 标签的 type 属性设置为 file 就可以实现上传文件的功能，又叫做文件上传域。 具体语法格式如下： <input type="file" /> 例子： <form
阅读全文
摘要：在 HTML 中，使用 <textarea> 标签来表示多行文本框，又叫做文本域。与其它 <input> 标签不同，<textarea> 标签是单闭合标签，它包含起始标签和结束标签，文本内容需要写在两个标签中间。具体语法格式如下： <textarea>文本内容</textarea> 例子： <for
阅读全文
摘要：select的基本语法： <select> <option></option> </select> 例子： <p>籍贯： <select name="province" id="" multiple size="2"> <option value="">广东省</option> <option va
阅读全文
摘要：在 HTML 中，把 <input> 标签中的 type 属性设置为 checkbox 可以实现多选框的效果。具体语法格式如下： <input type="checkbox" /> 属性： 1、checked属性 checked 属性用来设置页面加载时复选框的选中状态。当属性值为“checked”时
阅读全文
摘要：在 HTML 中，把 <input> 标签的 type 属性设置为 radio 可以表示单选按钮。具体语法格式如下： <input type="radio" /> 例子： <form action="http://vip.biancheng.net/login.php" method="post"
阅读全文
摘要：在 HTML 中，把 <input> 标签的 type 属性设置为 password 可以表示密码框。具体语法格式如下： <input type="password" /> 例子：密码框输入的字符不可见，会被 “点”代替。 <form action="http://vip.biancheng.net
阅读全文
摘要：在 HTML 中，把 <input> 标签的 type 属性设置为 text 可以表示单行文本框，又叫做常规文本框。具体语法格式如下： <input type="text" /> 例子： <form action="http://vip.biancheng.net/login.php" method
阅读全文
摘要：很多表单元素都是由一个个的 input 元素组成的。它是自闭合标签，根据其 type 属性值的不同分为很多种，例如单行文本框、密码框、单选按钮、复选框、隐藏域、文件上传域、普通按钮、提交按钮以及重置按钮等。 —— input标签的基本格式为： <input type="表单类型" /> type 常
阅读全文
摘要：表单主要是用来收集客户端提供的相关信息，提供了用户数据录入的方式，有多选、单选、单行文本、下拉列表等输入框，便于网站管理员收集用户的数据，是Web浏览器和Web服务器之间实现信息交流和数据传递的桥梁. 表单被form标签包含，内部使用不同的表单元素来呈现不同的方式来供用户输入或选择。当用户输入好数据
阅读全文
摘要：一、table表格的完整写法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> </head> <body> <!-- 一个table表格 --> <table> <!-- 表头部分thead -->
阅读全文
摘要：1、无序列表 <ul type="square"> <li>item1</li> <li>item2</li> <li>item3</li> </ul> 2、有序列表 <ol start="100"> <li>item1</li> <li>item2</li> <li>item3</li> </ol
阅读全文
摘要：在HTML中，图像由标签定义的，它可以用来加载图片到html网页中显示。网页开发过程中，有三种图片格式被广泛应用到web里，分别是 jpg、png、gif。 img标签的属性： /* src属性： 指定图像的URL地址，是英文source的简写，表示引入资源。 src的值可以是本地计算机存储的图片的
阅读全文
摘要：一、超链接标签的基本使用 超链接是浏览者和服务器的交互的主要手段，也叫超级链接或a链接，是网页中指向一个目标的连接关系，这个目标可以是网页、网页中的具体位置、图片、邮件地址、文件、应用程序等。 超链接是网页中最重要的元素之一。一个网站的各个网页就是通过超链接关联起来的，用户通过点击超链接可以从一个网
阅读全文
摘要：块级标签(block) – 独占一行 内联标签(inline) – 按文本内容占位 div标签和span标签 <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现. <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现 提示：块级元素
阅读全文
摘要：1、标题标签 <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> 2、段落标签 <p>大家好，我是段落1。</p> <p>大家好，我是段落2。</p> <p>大家好，我是段落3。</p> 3、换行
阅读全文
摘要：<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名> <标签名 属性1=“属性值1” 属性2=“属性值2”…… /> 1、HTML标签是由尖括号包围的特定关键词 2、标签分为闭合和自闭合两种标签 3、HTML不区分大小写 4、标签可以有若干个属性,也可以不带属性,比如就不带
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 1、<!DOCTYPE html> 告诉浏览器使用什么样的html或者
阅读全文
1
