HTML元素总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML元素总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4055字，纯文字阅读大概需要6分钟。

内容图文

html元素

<p></p> ：段落标记，会自动换行，常用于文本内容

例：<p>这是一个段落</p>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" width="142" />

<h1> ~ <h6> ：标题标记，会自动换行，字体由大到小

例：<h1>这是h1</h1>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" />

<br/> ：换行标记

<nobr/>：强制不换行

<a></a>：链接，href属性指向链接地址，行内元素，不会自动换行

例：<a href="http://www.baidu.com">百度</a>

<a href="http://www.google.com">google</a>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" />

<img> ：图片元素，src指向图片地址，行内元素，不会自动换行

例：<img src="1.png"/>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" width="176" />

<i></i>：斜体字标记，行内元素

<b></b>：粗体字标记，行内元素

<u></u>：下划线标记，行内元素

<s></s>：删除线标记，行内元素

<sub></sub>：下标标记，行内元素

<sup></sup>：上标标记，行内元素

<hr/>：分割线，单行标记

例：<i>这是i标记</i>

<b>这是b标记</b>

<s>这是s标记</s>

<u>这是u标记</u>

<sub>这是sub</sub>

<sup>这是pub</sup>

<hr/>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" width="383" />

<div></div>：分区标记，块元素，会自动换行

<span></span>：分区标记，行内元素

表格：

<table>

<tr>

</tr>

</table>

<tr>：每一行

<td>：第一列

属性：

border：显示表格边框

cellspacing：单元格的外边距

cellpadding：单元格的内边距

align：表格内元素水平对齐方式

valign:表格内元素简直对齐方式

rowspan：合并行

colspan：合并列

例：

<tr>

<td>第一行第一列</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" />

列表：

<ol></ol>：有序列表

<ul></ul>：无序列表

<li></li>：列表中子元素

例：

<ol>

</ol>

<ul>

</ul>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" width="142" />

表单

<form></form>：表单元素

<input type="" value=""/>：输入框

属性：type="text/password/submit/button/radio/checkbox"

text：文本输入框

password：密码输入框，文本为密文

submit：提交按钮

button：普通按钮

radio：单选框

checkbox：复选框

checked：默认选中项

value：文本框提示，默认值

<textarea></textarea>：多行文本域

属性：cols ：指定文本域的列数

rows：指定文件域的行数

例：

用户名：<input type="text" value="请输入用户名"/><br/>

密码： <input type="password" value="请输入密码"/><br/>

性别： <input type="radio" name="sex" value="man" checked/>男

<input type="radio" name="sex" value="woman"/>女

<br/>

爱好： <input type="checkbox" name="interest" value="1" checked/>蓝球

<input type="checkbox" name="interest" value="2"/>电影

<input type="checkbox" name="interest" value="3"/>音乐

<input type="checkbox" name="interest" value="4"/>散步

个人简介：<br/><textarea cols="30" rows="10">请输入个人信息<textarea><br/>

来自: <select>

</select>

<br/>

</form>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" />

为控件分组

<fieldset>：为控件分组

<legend>：指定分组元素标题

例：

地址：<input type="text"/><br/>

邮编：<input type="text"/>

</fieldset>

技术分享 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" />

：注释符号，中间部分在网页上不显示

特殊字符：

  ：空格

& ：&

< ：<

> ：>

本文出自 “探讨科学” 博客，请务必保留此出处http://xiaoxin901008.blog.51cto.com/10300691/1934974

原文：http://xiaoxin901008.blog.51cto.com/10300691/1934974

内容总结

以上是互联网集市为您收集整理的HTML元素总结全部内容，希望文章能够帮你解决HTML元素总结所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】

【上一篇】【HTML】百度地图webAPI使用【下一篇】PHP 和 HTML

更多 ►

【HTML元素总结】教程文章相关的互联网学习教程文章

今天對 <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 - 最热教程