首页 / HTML / 常用html元素总结包括基本结构、文档类型、头部、主体等等

常用html元素总结包括基本结构、文档类型、头部、主体等等

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了常用html元素总结包括基本结构、文档类型、头部、主体等等，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4173字，纯文字阅读大概需要6分钟。

内容图文

1.基本结构：

代码如下:

<!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）字符集

代码如下:

代码如下:

代码如下:

代码如下:

<base href="" />
<base target="_blank" />

（5）设置搜索引擎相关信息

代码如下:

代码如下:

<body onload="">
<div id="" class=""></div>
<div style="clear:both;">

（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="username" name="username" class="" type="text" placeholder="用户名"></input>
<input id="password" name="password" class="" type="password" placeholder="密码"></input>
<input id="login_button" class="button" type="button" value="登录" onclick=""></input>
<input id="register_button" class="button" type="button" value="注册" onclick="location.href=''">

文本域：<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>

为了显示上传文件名：

<input id="" name="" class="" type="text" onchange="document.getElementById('').value=this.value"></input>
文件上传：<input id="" name="" class="" type="file"></input>
隐藏域：<input id="" name="" class="" type="hidden"></input>
提交按钮：<input id="" name="" class="" type="submit"></input>
图片提交按钮：<input id="" name="" class="" type="image"></input>
重置按钮：<input id="" name="" class="" type="reset"></input>

多行文本域：<textarea cols="" rows="" id="" name=""></textarea>

下拉菜单：

代码如下:

<select name="" size="" multiple>
<option value="" selected></option>
<option value=""></option>
</select>

（3）超链接
点击跳转到JS:<a class="" href="#" id="" onclick="location.href=''"></a>
空超链接（点击跳到页首）：<a href="#"></a>
空超链接（点击不动）：<a href="javascript:void(0);"></a>

图片超链接：<a href=""><img width="" height="" src=""></a>

（4）图片
普通图片：<img src="" >

设置宽高的图片（按照比例缩小，文件大小不变）：<img width="" height="" src="">

（5）表格

代码如下:

<table border="1" cellpadding="10" cellspacing="0">
<tr>
<th width="100px">A</th>
<th width="200px">B</th>
</tr>
<tr>
<td>A</td>
<td>B</td>
</tr>
</table>

（6）列表

无序列表：

代码如下:

<ul type="disc">
<li>第一点</li>
<li>第二点</li>
</ul>
<ul type="square">
<li>第一点</li>
<li>第二点</li>
</ul>
<ul type="circle">
<li>第一点</li>
<li>第二点</li>
</ul>

有序列表：

代码如下:

<ol type="1">
<li>第一点</li>
<li>第二点</li>
</ol>
<ol type="a">
<li>第一点</li>
<li>第二点</li>
</ol>
<ol type="A">
<li>第一点</li>
<li>第二点</li>
</ol>
<ol type="i">
<li>第一点</li>
<li>第二点</li>
</ol>
<ol type="I">
<li>第一点</li>
<li>第二点</li>
</ol>

（7）多媒体

滚动字幕：<marquee></marquee>

背景音乐：<bgsound></bgsound>

音频、视频、flash、mpeg等：<embed></embed>

（8）行控制

标题：<hn></hn>

段落：<p></p>

换行：<br>

水平线：<hr>

5.框架

代码如下:

内容总结

以上是互联网集市为您收集整理的常用html元素总结包括基本结构、文档类型、头部、主体等等全部内容，希望文章能够帮你解决常用html元素总结包括基本结构、文档类型、头部、主体等等所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/385955.html

来源：【匿名】

【上一篇】html中使用margin:0auto整个页面不居中的解决方法【下一篇】PHP 和 HTML

更多 ►

【常用html元素总结包括基本结构、文档类型、头部、主体等等】教程文章相关的互联网学习教程文章

HTML元素的ID和Name属性的区别

今天對 <a href="#13"></a> 有點疑惑，加上#表示一個錨，後面跟上13，就會跳到本頁面的13的位置，而這個13就是 Name屬性值。怎麼不是ID值呢？？？所以查了下ID 和Name的區別，特記錄最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的...

html元素的三大分类

顶级、块级、内联,html元素的三大分类如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素.1. Top-level element 【顶级元素】: { html, body, frameset }包括html, body, frameset, 表现如Block-level element, 属于高级块级元素. 2. Block-level element 【块级元素】: { p, h1~h6, div, ul }顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的 p, h1~h6, div...

web基础，用html元素制作web页面【代码】【图】

用div,form制作登录页面，尽可能做得漂亮。练习使用下拉列表选择框，无序列表，有序列表，定义列表。观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login in</title> </head> <body> <div id="container" style="width:400px " > ...

新增html元素的使用

今天学习HTML5中新增元素的使用(Ⅰ)新增主体结构元素Section元素：用于对网站或应用程序中的内容进行分块。<section><h1></h1><p></p></section>Article标签定义外部内容。<article></article>Time元素的使用<p><time></time></p><p><time datetime=></time></p> Ⅱ（）新增非主体元素的使用Header：是一种具有引导和导航作用的元素，通常用来放置整个页面或者页面内一个内容快标题。也包含表格，表单和相关logo图片。<p id=”p1”...

javascript操作html元素CSS属性

以下先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline。解决的方法：在IE里： document.styleSheets[0].rules[0].style.display = "inline"; 在firefox里： document.styleSheets[0].cssRules[0].style.display = "inline"; 讨论：能够做一个函数来搜索特定名字的style对象：...

HTML元素的属性【代码】

HTML元素的属性多以name="value”的形式出现；常用的属性或者是大多数元素适用的属性有：id,class,style，tiltle;id:给予元素唯一值，id值不可重复，class:类值，一般是元素都具有共有样式时适用style:给元素赋予内敛样式时适用，title:规定元素的额外信息；使用方式如下<div id="content" class="content-syle" title="我是一个div" style="width:50px;height:89px;border:1px solid red"></div>HTML5新增的属性有：contenteditab...

JavaScript获取DOM节点HTML元素CSS样式【代码】

JavaScript获取DOM节点HTML元素CSS样式技术maybe yes 发表于2015-01-10 18:07原文链接 : http://blog.lmlphp.com/archives/59 来自 : LMLPHP后院如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值？使用过 JQuery 的童鞋一定都非常的熟悉，Jquery 提供了非常强大的 CSS 方法，可以很方便的设置和获取元素的 style 属性。某些情况下，我们不能使用 JQuery 时，就必须使用纯 JavaScript 获取元素的 style 属性值。本...

通过JS动态创建和删除HTML元素

作业14-web基础，用html元素制作web页面【图】

原文：http://www.cnblogs.com/hegui/p/7680173.html

HTML元素和 CSS

转自https://www.w3school.com.cn/html/html_css.aspHTML CSS HTML 注释HTML 链接通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。实例 HTML中的样式本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。没有下划线的链接本例演示如何使用样式属性做一个没有下划线的链接。链接到一个外部样式表本例演示如何 <link> 标签链接到一个外部样式表。如何使用样式当浏览器读到一个样式...

可以跨域内嵌资源的html元素

可以链接不同源的资源的html元素（能实现跨域）：img、script、css、video、audio、object、embed、applet、@font-face、frame、iframe等。 (1)<img src=""></img>(2)<script src=""></script>标签嵌入跨域脚本。语法错误信息只能在同源脚本中捕捉到。jsonp也用到了。(3) <link src="">标签嵌入CSS。由于CSS的松散的语法规则，CSS的跨域需要一个设置正确的Content-Type消息头。不同浏览器有不同的限制： IE, Firefox, Chrome, Safa...

HTML元素总结

html元素<p></p> ：段落标记，会自动换行，常用于文本内容例：<p>这是一个段落</p> 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" width="142" /><h1> ~ <h6> ：标题标记，会自动换行，字体由大到小例：<h1>这是h1</h1> <h2>这是h2</h2> <h3>这是h3</h3> <h4>这是h4</h4> <h5>这是h5</h5> <h6>这...

web基础，用html元素制作web页面【代码】

用div,form制作登录页面，尽可能做得漂亮。练习使用下拉列表选择框，无序列表，有序列表，定义列表。观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>管理信息系统</title> </head> <body> <h1>欢迎访问！</h1> <h3>GZCC</h3> <P>跳转链接</P><a href="http://www.gzcc.cn/">广州商学院<br><img src="http://www.gzcc.cn/2016/images/ba...

Html5元素及基本语法【代码】【图】

HTML标签开始标签(opening tag):开放标签结束标签(closing tag):闭合标签元素定义：HTML元素指的是从开始标签到结束标签的代码（元素以开始标签为起始以借宿标签终止）元素的内容：元素的内容指的是开始标签与结束标签之间的内容元素的特点：1，大多数HTML元素可嵌套（可以包括其他的HTML元素）2，HTML文档有嵌套的HTML元素构成3，不要忘记结束标签，未来的HTML版本不允许省略结束标签4，空的html元素5，没有内容的html元素被称为元...

onclick 中为什么可以直接使用 html 元素中的 id.click()?【代码】

<input type="file" id="aaa"> <input type="button" value="button" onclick="aaa.click()"> 点击第二个 input 为什么使用 aaa.click 可以触发第一个 input 的对话框？是什么特殊的语法？答：如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名. 如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, ifram...

首页 / HTML / 常用html元素总结包括基本结构、文档类型、头部、主体等等

常用html元素总结包括基本结构、文档类型、头部、主体等等

内容导读

内容图文

内容总结

内容备注

内容手机端

【常用html元素总结包括基本结构、文档类型、头部、主体等等】教程文章相关的互联网学习教程文章

HTML元素的ID和Name属性的区别

html元素的三大分类

web基础，用html元素制作web页面【代码】【图】

新增html元素的使用

javascript操作html元素CSS属性

HTML元素的属性【代码】

JavaScript获取DOM节点HTML元素CSS样式【代码】

通过JS动态创建和删除HTML元素

作业14-web基础，用html元素制作web页面【图】

HTML元素和 CSS

可以跨域内嵌资源的html元素

HTML元素总结

web基础，用html元素制作web页面【代码】

Html5元素及基本语法【代码】【图】

onclick 中为什么可以直接使用 html 元素中的 id.click()?【代码】

HTML - 相关标签

文档 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程