html基础

tech2026-02-12  1

HTML

一、html常用标签标题标签文本格式化标签盒子图像标签路径超链接 表格合并单元格 列表标签表单标签 坚持就是胜利呀 VS code 打开浏览器: ALT + B

// 文档类型声明标签 <!DOCTYPE> //文档类型声明,高速浏览器使用哪一种 <!DOCTYPE html> //当前页面是html5来显示的网页 <html lang=zh-CN>//中文 <meta charset="UTF-8">//在<head>标签内通过<meta>标签charset属性规定html文档使用哪种字符编码

charset常用值:GB2312、B1G5、GBK、UTF-8(万国码)

一、html常用标签

标题标签

一个标题独占一行,加标题标签文字会变粗,字号依次变小,一级最大

<h1><h1> <h2><h2> <h3><h3> //段落标签 <p> </p> //强制换行 <br/>

文本格式化标签

加粗<strong> </strong><b> </b>倾斜<em> </em><i> </i>删除线<del> </del><s> </s>下划线<ins> </ins><u> </u>

盒子

division 布局

div是一个大盒子独占一行span是 小盒子一行能放多个<div> </div>'<span> </span>'

图像标签

<img src="图像url位置">//src是<img>的必须属性,用于指定图像文件的路径和文件名 src必须属性路径alt文本图像不能显示时显示文本title文本提示文本鼠标放在图像上width像素设置宽度height像素设置高度(width、height,一般设置一个,等比例缩放)border像素设置图像边框

注意: 1.图像标签可以有多个属性,但必须写在<img>后面 2.属性之间没有顺序,属性与属性用空格隔开 3.属性=“属性值”

路径

目录文件夹:普通文件夹存放了我们所需的相关素材 根目录:打开目录文件夹第一页就是根目录

超链接

<a href="指定链接目标的url地址" target="目标窗口弹出方式"> 文本或图像 </a> //target="_self"默认方式 "_blank"在新窗口打开 链接类别形式外部http://www…内部直接名字空href="#"下载链接直接名字链接的是.zip.exe文件图片到网页<a href="http:.."> <img src="img_jpg"></a>锚点链接点完链接迅速定位 <a href="#two">第二集</a>   <h6 id="two">第二集介绍</h6>

注释标签  Ctrl + /   <!--...--> 空格   &nbsp;

表格

<th>   html的表头部分(table head) 表格属性

alignleft 、 center 、right对齐方式boder1或“ ”是否有边框cellpadding默认1单元格边框与内容的空间cellspacing默认2单元格间的空间width像素值或比分比规定表格宽度 <table> 定义表格 <tr>定义行 <td>单元格内的文字</td> </tr> </table>

表格结构标签<thead> </thead>  <tbody> </tbody>

合并单元格

跨行最上侧单元格为目标单元格写合并代码<td rowspan="行数"> </td>跨列最左侧单元格为目标单元格<td colspan="列数"> </td>

列表标签

无序<ul> </ul><ul>里只能是<li> </li>有序<ol> </ol><ol>里只能是<li> </li>自定义常用于对术语或名词进行解释<dl> <dt>名词</dt> <dd>解释</dd></dl>

表单标签

完整的表单: 1.表单域 2.表单控件 3.提示信息 表单域:<form>会把它的表单元素信息提交给服务器 表单控件(表单元素)

input输入表单元素select下拉表单元素textarea文本域元素

input属性 type="text"

input属性属性值及其描述text定义单行输入字段,用户可在其中输入文本,默认20字符button定义按钮 (可用于Javescript启动脚本)checkbox定义复选框file定义输入字段和“浏览”按钮,供文件上传hidden定义隐藏输入字段image定义图像形式的提交按钮password定义密码字段,字符被掩码radio定义单选submit提交

除type还有其他属性

name定义input用户名称value规定input值checked规定此input值。首次加载时因被选中maxlength正整数,规定输入最大长度

name和value是每个表单元素都有的属性值,后台人员使用单选按钮和复选按钮要有相同的name值

<label>用于绑定一个表单元素,当点击标签内的文本时, 就会自动将焦点转到对应的表单元素上,用来增加用户体验。

<label for="sex"></label> <input type="radio" name="sex" id="sex"/>

select 下拉表单

<select> <option>选项1<option> <option>选项2<option> <option>选项3<option> </select>

<text area> 表单元素 当用户输入内容较多时,就不能使用文本框表单了,此时可以使用<text area>

<textarea rows="3" cols="20"> 你可以叭叭叭拔拔拔拔拔拔 </textarea>
最新回复(0)