html常用标签

一 注释标签

<!--注释-->

二 标题标签 

<h1>标题标签1</h1>

<h2>标题标签2</h2>

<h3>标题标签3</h3>

<h4>标题标签4</h4>

<h5>标题标签5</h5>

<h6>标题标签6</h6>

h1->h6的标签大小依次递减

三 段落和换行

换行:<br>

<br>换行的间隙没有<p></p>的大

段落:<p>这是一个段落</p>

<p></p>则不会

四 图片标签

<img src="地址" width="num" height="num"  title="文本" alt="文本">

这是一个单标签

src里面填写地址:

分为绝对路径和相对路径

绝对路径就是从根目录快开始填写

相对路径从目标路径开始填写

width:宽度

height:高度

title:当鼠标悬在图片上方时显出的文本

alt:当图片无法正常显示时出现的文本

border:边框,参数是宽度的像素,一般有css来设定

五 超链接标签

<a href="链接" target=" ">文本</a>

href:必须具备,表示点击后会跳转到哪个页面

target:打开方式,默认是self,在当前页面打开,如果是blank,则用新的标签页打开

1.外部链接,引用其他网站的地址

 2.内部链接,网站内部页面之间的链接,写相对路径

3.空链接:使用#

 

 4.下载链接:href对应的路径是一个文件

 5.网页元素链接:可以给图片等任何元素添加链接(把元素的链接放在href)

 6.锚点链接:快速定位到页面中的某个位置

 

 

六 格式化标签

<strong>加粗</strong>

<b>加粗</b>

<em>倾斜</em>

<i>倾斜</i>

<del>删除线</del>

<s>删除线</s>

<ins>下划线</ins>

<u>下划线</u>

七 表格标签

<table>

       <tr>

                  <td> </td>

                  <th ></th>

       </tr>

</table>

table中要填写的属性:

align:是表格相对与周围元素的对齐方式

border:表示边框,数字越大,边框越粗,"表示没边框"

cellspadding:内容距离边框的距离,默认1像素

cellspacing:单元格之间的距离,默认2像素

width/height:设置尺寸

tr表示一行

td和th表示一列,th是加粗并居中

实例:

 

合并单元格

跨行合并:rowspan="n"

跨列合并:colspan="n"

步骤:

1.先确定是跨行还是跨列

2.找好目标单元格(跨列合并,左侧是目标单元格,跨行合并,上方是目标单元格)

3.删除多余的单元格

实例:

 

八 列表标签

主要是还有来布局的,整齐好看

无序列表: 

<ul>

           <li><li>

</ul>

有序列表:

<ol>

            <li><li>

</ol>

自定义列表:

<dl>

           <dt>标题<dt>

           <dd><dd>

<dl>

实例: 

 

九 表单标签

表单是让用户输入信息的重要途径

分成两个部分

表单域:包含表单元素的区域重点是form标签

表单控件:输入框,提交按钮等,重点是input标签

form标签:

描述了要把数据按照什么方式提交到哪个页面中

 input标签:

各种输入控件,单行文本框,单选框,复选框

type(必须有),取值种类很多,button,checkbox,test,file,image,password,radio等

name:给input起了个名字,尤其是对于单选按钮,具有相同的name才能多选一

value:input中的默认值

checked:默认被选中(用于单选按钮和多选按钮)

maxlength:设定长度

实例: 

 

 

 

普通按钮:

 

 当前点击没有任何反应,搭配js使用

 

提交按钮:

 

 

提交按钮必须放到form标签内,点击后就会尝试给服务器发送

 

 

 清空按钮:

必须放在form中,点击后会将from内所有的用户输入内容重置

 

 

选择文件:

点击选择文件,会弹出对话框,然后选择文件

 

 

十 label标签

搭配input使用,点击label也能选中对应的单选复选框,能够提示用户体验

 

 点中男时也能选中

十一 select标签

下拉菜单

option中定义selected="selected"表示默认选中

 

 

十二 textarea标签

 

能在其中输入内容

十三 无语义标签

div标签,division的缩写,含义是分割

span标签,含义是跨度

就是两个盒子,用于网页布局

div是独占一行,是一个大盒子

span不独占一行,是一个小盒子