常用html元素结构有哪些


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来常用html元素结构有哪些,使用常用html元素结构的注意事项有哪些,下面就是实战案例,一起来看一下。

  1. 基本结构:

1

2

3

4

5

6

7

8

9

<!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

1

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

(2)HTML5

1

<!DOCTYPE html>

(3)XHTML 1.0

1

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

3.头部:
(1)字符集

1

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

(2)引入JS

1

2

3

4

<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

复制代码

代码如下:

1

2

<style type="text/css"></style>

<link rel="stylesheet" href="" type="text/css">

(4)设置默认跳转

1

2

<base href="" />

<base target="_blank" />

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

1

2

<meta name="description" content=",," />

<meta name="keywords" content=",," />

4.主体:

(1)基本内容

1

2

3

<body onload="">

<div id="" class="">

</div> <div style="clear:both;">

(2)表单
GET方式提交:

1

<form id="" action="" method="post"></form>

POST方式提交:

1

<form id="" action="" method="get"></form>


携带文件提交:

1

<form id="" action="" method="post" enctype="multipart/form-data"></form>


首页常用:

1

2

3

4

5

文本域:<input id="" name="" class="" type="text"></input>

密码域:<input id="" name="" class="" type="password"></input>

普通按钮:<input id="" name="" class="" type="button"></input>

单选按钮:<input id="" name="" class="" type="radio"></input>

多选按钮:<input id="" name="" class="" type="checkbox"></input>

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

相关阅读:

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

meta的标签有哪些作用

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

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

以上就是常用html元素结构有哪些的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html换行代码是什么?

Html table标签怎么用

Html的<style>标签

怎么下载Html页面

Html中src是什么意思

Html如何进行换行

关于Html colgroup标签的用法你知道哪些?colgroup用法和col的详细介绍

Html datalist标签怎么用

Html time具体用法和作用详解

Html取消滚动条的方法

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...