您现在的位置是:网站首页> 编程资料编程资料
常用html元素总结包括基本结构、文档类型、头部、主体等等HTML基本结构全面了解html文档基本结构(制作网页基础知识)HTML基础:HTML的基本结构HTML基本结构_动力节点Java学院整理
                     2023-10-10
                260人已围观
                
                2023-10-10
                260人已围观
            
简介 常用html元素包括基本结构、文档类型、头部、主体、文本域、上传文件、下拉菜单、有序列表、无序列表、多媒体、框架等等,本文罗列了一些示例,大家可以学习下
                1.基本结构: 
2.文档类型:
(1)HTML 4.01
(2)HTML5
(3)XHTML 1.0
3.头部:
(1)字符集
(2)引入JS
(3)引入CSS
(4)设置默认跳转
(5)设置搜索引擎相关信息
4.主体:
(1)基本内容
(2)表单
GET方式提交:
POST方式提交:
携带文件提交:
首页常用:
文本域:
密码域:
普通按钮:
单选按钮:
多选按钮:
为了显示上传文件名:
文件上传:
隐藏域:
提交按钮:
图片提交按钮:
重置按钮:
多行文本域:
下拉菜单:
(3)超链接
点击跳转到JS:
空超链接(点击跳到页首):
空超链接(点击不动):
图片超链接:![]()
(4)图片
普通图片:![]()
设置宽高的图片(按照比例缩小,文件大小不变):![]()
(5)表格
(6)列表
无序列表:
有序列表:
(7)多媒体
滚动字幕:
背景音乐:
音频、视频、flash、mpeg等:
(8)行控制
标题:
段落:
换行:
水平线:
5.框架
                
                
                                            
                                                                
                                    
            
        
        复制代码
代码如下:2.文档类型:
(1)HTML 4.01
(2)HTML5
(3)XHTML 1.0
复制代码
代码如下:3.头部:
(1)字符集
复制代码
代码如下:(2)引入JS
复制代码
代码如下:(3)引入CSS
复制代码
代码如下:(4)设置默认跳转
复制代码
代码如下:(5)设置搜索引擎相关信息
复制代码
代码如下:4.主体:
(1)基本内容
复制代码
代码如下:(2)表单
GET方式提交:
POST方式提交:
携带文件提交:
首页常用:
复制代码
代码如下:文本域:
密码域:
普通按钮:
单选按钮:
多选按钮:
为了显示上传文件名:
文件上传:
隐藏域:
提交按钮:
图片提交按钮:
重置按钮:
多行文本域:
下拉菜单:
复制代码
代码如下:(3)超链接
点击跳转到JS:
空超链接(点击跳到页首):
空超链接(点击不动):
图片超链接:
(4)图片
普通图片:
设置宽高的图片(按照比例缩小,文件大小不变):
(5)表格
复制代码
代码如下:| A | B | 
|---|---|
| A | B | 
(6)列表
无序列表:
复制代码
代码如下:- 第一点
- 第二点
- 第一点
- 第二点
- 第一点
- 第二点
有序列表:
复制代码
代码如下:- 第一点
- 第二点
- 第一点
- 第二点
- 第一点
- 第二点
- 第一点
- 第二点
- 第一点
- 第二点
(7)多媒体
滚动字幕:
背景音乐:
音频、视频、flash、mpeg等:
(8)行控制
标题:
段落:
换行:
水平线:
5.框架
复制代码
代码如下:
相关内容
- html文件中flash视频格式(flv、swf)文件的嵌入方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 使用iframe在网页中嵌入其他网页的方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 禁止页面缓存的几种方法分享纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- html实现文字绕排示例(html图文混排)纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 关于textarea文本转为html即回车换行纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- iFrame的妙用作为弹出层铺底覆盖纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- hr 水平线样式示例代码纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 正确使用HTML title属性的一些建议html用title属性实现鼠标悬停显示文字html title里面加双引号的实现方法HTML title 属性换行的办法HTML教程:title属性与alt属性html a 链接标签title属性换行鼠标悬停提示内容的换行效果
- 保卫萝卜2 第14关 金萝卜图文攻略_手机游戏_游戏攻略_
- 保卫萝卜2炮塔图鉴:手电筒炮塔属性功能全面解析_手机游戏_游戏攻略_
点击排行
本栏推荐
 
 
                                
                                                         
                                
                                                         
                                
                                                         
    