博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5的常用的标签
阅读量:5359 次
发布时间:2019-06-15

本文共 2374 字,大约阅读时间需要 7 分钟。

HTML5对比HTML4新增了很多元素,也删除了部分元素(可以用css样式表方式替代)所以我只列出HTML5最常用的几个标签。

head标签中:

碰见老版的浏览器如ie6,将这段代码加上则兼容它
这是一个关键字标签,设置页面关键字可以帮助搜索引擎对该页面进行查找和分类,它可以提高搜索几率。有多个关键字可以用逗号隔开。
这是一个页面主题的描述,也是为了方便搜索引擎的查找。
通用格式。
refresh表示刷新,content表示刷新的时间间隔。
refresh表示刷新,content表示刷新的时间间隔,url表示刷新后即将跳转的地址。我是一个HTML页面这是一个标题标签,当你打开多个页面时可以清楚的知道你打开页面内容的标题。或者在打开收藏夹中收藏的页面可以一眼看中你想要打开的那个页面。

 

body标签中:

我是百度搜索的地址链接  这是一个超链接标签,使浏览者从一个页面跳转到另一个页面我是一个文件  这是一个超链接标签,使浏览者从一个页面跳转到一个文件(如果链接在同一级目录下则输入文件名称,要链接到上一级先输入"../"再输入目录名、文件名,要链接到下一级先输入目录名再输入文件名)我将跳转到  a标签当锚使用,id不允许重复我是一个文件  target为_blank则在新的窗口打开

段落文字

段落标记标签(块级标签),开启一个段落,特点:(段落和段落间有换行标记)
  换行标记,特点:(强制换行)

  标题标签(块级标签),标题1-6分别对应6种不一样的标题,且依次减小。特点:(加大加粗)  行内标签,特点:(白板,可以加入css样式以改变文本的样式)
  区隔标签(块级标签)表示一块可显示的HTML的区域,用于设置字、图片、表格等摆放位置

 

 列表/表格:

无序列表-ul
      type取(disc为实心圆),type取(circle为空心圆),type取(square实心方块)  
  • 第一项
  •   
  • 第二项
  •   
  • 第三项
有序列表ol
      type取(1为数字1234)type取(a为字母abcd)type取(A为字母ABCD)type取(i为罗马数字i,ii,iii)type取(I为数字I,II,III),start表示从哪个数值开始如果你不想从1开始的话。  
  1. 第一项
  2.   
  3. 第二项
  4.   
  5. 第三项
定义列表dl
  
第一项
    
我的名字
  dd具有缩进作用
table表格
  表格标记,border="1"(创建边框)  
    
  行标记      
  表头(加粗显示)      
    
  
  
    
      
  单元格标记      
    
    
      
      
    
  
我是第一行的表头 我是第二行的表头
我是第二行第一个单元格 我是第二行第二个单元格
我是第三行第一个单元格 我是第三行第二个单元格
#colspan="1" 向右合并一个单元格#rowspan="1" 向下合并一个单元格

 

 

  在HTML中,<form></form>标签对用来创建一个表单,即定义表单的开始和结束位置,真正处理表单的数据脚本或程序在action属性里,这个值可以是程序或脚本的一个完整的url

语法:

#传输的形式有post、get(get比post快,get数据会附加在url上传递而post是和url分开传递的)  表单控件

 

input控件  text属性用来设定在表单的文本域中输入任何文本、数字、字母  password属性使输入到该文本域中的文字均以****或圆点显示。    单选按钮,以一个圆框显示。checked属性表示这一单选按钮被默认选中。    复选框。    普通按钮,value设置按钮的文字  #οnclick="window.close()"    提交按钮,并不需要onclick,单击该按钮可以实现表单内容的提交,value设置按钮的文字。    重置按钮,可以清除表单的内容,恢复到默认值。value设置按钮的文字。image控件  添加图片file控件  上传文件,依赖form表单的一个属性 enctype="multipart/form-data"

 

菜单/列表控件

 

多行文本输入框

 

其中能给后台提交数据的只有form标签和textarea标签

 

 

HTML标签汇总:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list

HTML符号汇总:https://blog.csdn.net/Iversons/article/details/78996776

转载于:https://www.cnblogs.com/sunchao0709/p/11452231.html

你可能感兴趣的文章
Ubuntu:让桌面显示回收站
查看>>
Android上传头像代码,相机,相册,裁剪
查看>>
git 安装体验
查看>>
Oracle 给已创建的表增加自增长列
查看>>
《DSP using MATLAB》Problem 2.17
查看>>
if 循环
查看>>
uva 111 History Grading(lcs)
查看>>
Python学习week2-python介绍与pyenv安装
查看>>
php判断网页是否gzip压缩
查看>>
一个有意思的js实例,你会吗??[原创]
查看>>
sql server中bit字段实现取反操作
查看>>
Part3_lesson2---ARM指令分类学习
查看>>
jQuery拖拽原理实例
查看>>
JavaScript 技巧与高级特性
查看>>
Uva 11729 Commando War
查看>>
增强学习(一) ----- 基本概念
查看>>
ubuntu下USB连接Android手机
查看>>
C# 语句 分支语句 switch----case----.
查看>>
lseek函数
查看>>
反射获取 obj类 的属性 与对应值
查看>>