HTML常用标签
目录
基本标签
html:限定文档的开始点和结束点
head:网页头部的开始点和结束点
title:网页文件的标题
body:网页主体的开始点和结束点
附:html基本结构
文字格式标签
标题标签h1-h6:表示一级到六级标题,一个页面最好只有一个一级标题
段落标签p:段落内文字中的连续空格或空行都仅生成一个空格,若想实现段内多空格可使用特殊字符“ ;”,段落与段落之间会自动换行
换行标签br:单独标签,以<br />形式出现,用于段内换行。用两个连续的<br /><br />实现段内空行
水平线hr:单独标签,以<hr />形式出现,可在页面上画出一条从最左至最右的水平线
预留格式标签pre:可保留段内一切格式,很适合显示计算机代码
段内分组标签span:可将段内文字分块,便于之后对span标签内的内容单独设置CSS样式
区域标签<div>需要设为同一区域的标题段落等</div>:用于确定一个单独的区域,可将多种元素组合在一起来设置样式
注释标签<!-- 注释内容 -->:解释说明代码,增强可读性,注释可跨行(即支持多行注释)
附:各标签使用实例
交互标签
写在前面:绝对路径与相对路径
绝对路径:如所需文件位于本机,则以盘符为基准点开始查找;若不位于本机,则写入所需文件的URL地址。
相对路径:从网页所处文件夹开始查找。若所需文件与网页处于同一子文件夹,可直接写图片的文件名;若所需文件所在的文件夹与网页处于同一子文件夹,则写“所需文件所在的文件夹名/所需文件的文件名”;若网页所在的文件夹与所需文件处于同一子文件夹,则写“../图片的文件名”(..表示向上一级查找文件)
正文
超链接标签<a href = "网址">文字或图片</a>:链接到同站点页面”网址“仅需写网页文件名(使用相对路径,当且仅当链接站点与当前站点位于同一文件夹中时可仅写网页文件名);链接到非同站点页面需在”网址“中写入URL地址(带协议名);未知链接地址时,网址写为”#“,会出现超链接样式,但单击后不会跳转
插入图像标签<img src="路径+图片文件名” alt=“用于替换图片的文本” />:图片的路径可以为绝对路径,也可以为相对路径。相对路径更具优越性。
表单标签
无序列表标签ul,列表项标签li
有序列表标签ol,列表项标签li:生成的列表项前会自动带有序号(序号的样式可以通过CSS设置)
表格标签table,表格行标签tr,单元格标签td,表头单元格标签(其内文字可加粗显示)th,用bonder="数字"属性来设置边框粗细,空单元格也需用标签表示出来
表单标签<form action="处理数据的位置">表单中的内容</form>
输入标签 提示性文字<input type="text|password" name="输入数据的名称(用于后端处理)" />:text表示为文本框(文本明文显示),password表示为密码框(文本以*显示)。不可自动换行,如需换行用br
按钮<input type="submit|reset" vaule="按钮上显示的文字" name="submit" />:submit为提交,reset为重置
单选框和复选框:单选框的name属性必须相同,checked="checked"表示该选项为默认选项
下拉列表框标签<select>列表选项<option>:option标签中的属性selected="selected"表示默认选项
文本域标签<textarea rows="行数" cols="列数">默认出现在文本雨中作为提示性的文字</ textarea>