常用HTML标签及其属性

目录

一,基本标签

二,特殊符号

三,图片标签

四,超链接

五,列表

六,表格

七,表单


一,基本标签

标签名称 标签符号
标题标签

~

段落标签

斜体标签
粗体标签

水平线标签
换行标签

二,特殊符号

符号名称 符号样式
空格  
大于号 >
小于号 <
引号

"

注册商标 ®

三,图片标签

1.src图片路径属性

        (1)相对路径(通常以HTML网页文件为起点)。

 上图为同级目录下的img文件。

 上图为上一级目录下的img文件。

2.宽度:width  px像素。

   高度:height  px像素。

3.alt:在图片不能正常加载时显示的提示语。

4.title:鼠标划上去显示的内容。

四,超链接

1.语法:

       

        其他属性:target:“目标窗口位置”

                                        -self:自身窗口

                                        -blank:新建窗口

这是一个超链接

2.拨打电话:

18809217401

3.下载文件:

  当文件为:html或者txt 浏览器直接打开

  当文件为:ppt、doc,excel,pdf,exe 浏览器下载文件

下载文件

4.锚链接:

   href="" 跳转当前页面

   href="#" 当前页面


回到顶部

五,列表

1.无序列表

  • ......
  • ......
  • ......
  • ......

type属性:

属性名称 属性样式
disc 实心圆
circle 空心圆
square 实心正方形
none

    
  • web
  • java
  • html
  • mysql
  • css

运行结果: 

常用HTML标签及其属性_第1张图片

2.有序列表

  1. ......
  2. ......
  3. ......
  4. ......

 type属性:

属性名称 属性值 说明
type 1 以1,2,3,4来表示
type a 以a,b,c,d来表示
type A 以A,B,C,D来表示
type i 以i,ii,iii来表示
type I 以I,II,III,IV来表示

3.自定义列表

...
......
......
......
...
......
......
......

自定义列表

标题

内容

自定义列表没有type属性

六,表格

... ... ... ...
... ... ... ...
... ... ... ...

定义表格,属性:border="1"(边框)

表格均有若干行组成

每行被分为若干个单元格

表头单元格

序号 姓名 年龄 手机号 微信
1111aaa 1111 1111q
2222
3333 3333 3333 3333 3333
4444 4444 4444 4444

运行结果:

常用HTML标签及其属性_第2张图片 

 表格美化属性:

名称 作用
bgcolor 背景颜色
align 对齐方式(left,center,right)
cellpadding 文字与单元格之间的距离
cellspacing 单元格与单元格之间的距离
border 边框

七,表单

1.表单的定义方式

method:发送表单数据的方式,常用值get | post。

get:(1)通过url地址栏形式发送

         (2)发送数据不安全

         (3)发送数据量小

post:(1)通过http/https将表单数据完整发送到后台

           (2)发送数据安全

           (3)发送数据量理论上没有限制

           (4)需要服务器环境支持

action:向何处发送表单。

2.表单元素的分类及属性

属性 属性值 作用
文本输入 text,password

text,表单中键入字母、数字等内容。password,输入密码字段。

选择 checkboxes,radio

checkboxes,表单复选框。radio,表单单选框。

文件选择

file

file,定义了文件选择
按钮

button

button,定义了普通按钮。
提交按钮

submit,image

submit,定义了提交按钮。image,定义了图片提交按钮

重置按钮

reset

reset,定义了重置按钮。

3.下拉列表

4.多行文本域

 

5.隐藏域

6.只读属性

7.禁用属性 

8.表单元素标注

 对表单中元素进行标注,增强鼠标可用性。

9.表单代码及其运行结果

  搜索框:


    
    

   运行结果: 

 文本域,按钮,单选框,复选框




上传文件:

性别: 性别不限

爱好: 篮球 羽毛球 排球

运行结果:

常用HTML标签及其属性_第3张图片

 

下拉列表:

所在城市:
        

        

        
    

运行结果:

常用HTML标签及其属性_第4张图片

 多行文本域:

 

 运行结果:

常用HTML标签及其属性_第5张图片

 

 

你可能感兴趣的:(html,前端,开发语言)