栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

常用HTML标签及其属性

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

常用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

运行结果: 

2.有序列表

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

 type属性:

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

3.自定义列表

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

自定义列表

标题

内容

自定义列表没有type属性

六,表格
... ... ... ...
... ... ... ...
... ... ... ...

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

表格均有若干行组成

每行被分为若干个单元格

表头单元格

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

运行结果:

 

 表格美化属性:

名称作用
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.表单代码及其运行结果

  搜索框:


    
    

   运行结果: 

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




上传文件:

性别: 男 女 性别不限

爱好: 篮球 羽毛球 排球

运行结果:

 

下拉列表:

所在城市:
        

        

        
    

运行结果:

 多行文本域:

 

 运行结果:

 

 

转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号