首页 > 编程 > HTML > 正文

常用html元素结构有哪些

2020-03-24 17:11:12
字体:
来源:转载
供稿:网友
这次给大家带来常用html元素结构有哪些,使用常用html元素结构的注意事项有哪些,下面就是实战案例,一起来看一下。

基本结构:

 !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd  html  head  meta http-equiv= Content-Type content= text/html; charset=UTF-8  title /title  /head  body  /body  /html 

2.文档类型:

(1)HTML 4.01

 !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd 

(2)HTML5

 !DOCTYPE html 

(3)XHTML 1.0

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 

3.头部:
(1)字符集

 meta http-equiv= Content-Type content= text/html; charset=UTF-8 

(2)引入JS

 script language= javascript /script  script language= javascript src= /script  script language= javascript var u= __URL__ var a= __APP__ /script  script language= javascript src= __PUBLIC__/js/jquery-1.8.1.min.js /script 

(3)引入CSS

复制代码

代码如下:

 style type= text/css /style  link rel= stylesheet href= type= text/css 

(4)设置默认跳转

 base href= /  base target= _blank / 

(5)设置搜索引擎相关信息

 meta name= description content= ,, /  meta name= keywords content= ,, / 

4.主体:

(1)基本内容

 body onload=  div id= >

(2)表单
GET方式提交:

 form id= action= method= post /form 

POST方式提交:

 form id= action= method= get /form 


携带文件提交:

 form id= action= method= post enctype= multipart/form-data /form 


首页常用:

文本域: input id= name= >

相信看了这些案例你已经掌握了方法,更多精彩请关注php 其它相关文章!

相关阅读:

怎样通过disabled和readonly将input设置为只读效果

meta的标签有哪些作用

HTML的头标签meta如何实现refresh重新定向

html的form内部标签应该如何使用

以上就是常用html元素结构有哪些的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表