首页技术html各种标签?html基础语法

html各种标签?html基础语法

编程之家2026-07-01875次浏览

大家好,关于html各种标签很多朋友都还不太明白,今天小编就来为大家分享关于html基础语法的知识,希望对各位有所帮助!

html各种标签?html基础语法

html常用标签有哪些

html常用标签

最近,对html的重温,对一些常用的html标签进行了整理,给大家分享一下。

html结构:

<html> html开始标签

<head>

<title>html文档标题</title>

html各种标签?html基础语法

</head>

<body>

html文档内容....

</body>

</html> html结束标签

html常用标签:

html各种标签?html基础语法

表格:

<table>表格开始标签

<tr>行

<td></td>列

</tr>

</table>表格结束标签

表格属性:<table width="" height="" border="" bgcolor="" background="" cellpadding="' cellspacing="">其中: width:为表格的宽度,height:表格的高度,border:表格的边框,

bgcolor表格的背景颜色,background表格背景颜色。cellpadding:表格字间距, cellspacing:表格边框间距。

双标签:

<b></b>字体加粗

<i></i>斜体

<u></u>字体下划线

<s></s>删除线

<strike></strike>删除线

单标签:

<br/>换行

<hr/>水平线

空格:

向右双箭头:»

注册商标符:®

版权符号:©

双引号:"

链接

<a rel="external nofollow" href="#" title="">链接文本/图片</a>

注:#换成所要链接的文件相对地址。title:为链接提示信息。

图片链接:

<img src="" alt="" width="" hegiht="">

src:图片链接相对地址,alt:图片信息, width:图片宽度,height:图片高度。

表单:

表单开始标签:<form name="表单名称" method="post/get" action="提交地址">

文本框:<input type="text" name="名称" value="值"/>

密码框:<input type="password" name="名称" value="值"/>

单选按钮:<input type="radio" name="名称" checked/>

复选框:<input type="checkbox" name="名称" checked/>

列表:

<select>

<option value="值"></option>

</select>

文本区域:<textarea cols="文本的宽度" rows="文本行数"></textarea>

提交按钮:<input type="submit" name="名称" value="值"/>

重置按钮<input type="reset" name="名称" value="值"/>

表单结束标签:</form>

html有哪些标签

常用标签<html></html>创建一个HTML文档<head></head>设置文档标题和其它在网页中不显示的信息<title></title>设置文档的标题<body></body>标记页面正文开始和结束,网页中要显示出来的东东,都应放在这对标签之间<h1></h1>最大的标题<pre></pre>预先格式化文本<u></u>下划线<b></b>黑体字<i></i>斜体字<tt></tt>打字机风格的字体<cite></cite>引用,通常是斜体<em></em>强调文本(通常是斜体加黑体)<strong></strong>加重文本(通常是斜体加黑体)<font size="" color=""></font>设置字体大小从1到7,颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT>基准字体标记<big></big>字体加大<SMALL></SMALL>字体缩小<STRIKE></STRIKE>加删除线<CODE></CODE>程式码<KBD></KBD>键盘字<SAMP></SAMP>范例<VAR></VAR>变量<BLOCKQUOTE></BLOCKQUOTE>向右缩排<DFN></DFN>述语定义<ADDRESS></ADDRESS>地址标记<sup></SUP>上标字<SUB></SUB>下标字<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)<listing>...</listing>固定宽度小字体<font color=00ff00>...</font>;字体颜色<font size=1>...</font>;最小字体<font style='font-size:100 px'>...</font>;无限增大格式标志标签<p></p>创建一个段落<p align="">将段落按左、中、右对齐<br>换行插入换行符<blockquote></blockquote>从两边缩进文本<dl></dl>定义列表<dt>放在每个定义术语词前<dd>放在每个定义之前<ol></ol>创建一个标有数字的列表<ul></ul>创建一个标有圆点的列表<li>放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字;若在<ul></ul>之间则每个列表项加上一个圆点;<div align=""></div>用来排版大块HTML段落,也用于格式化表<MENU>选项清单<DIR>目录清单<nobr></nobr>强行不换行<hr size='9' width='80%' color='ff0000'>水平线(设定宽度)<center></center>水平居中链接标志表格标志<a rel="external nofollow" href="URL"></a>创建超文本链接<a rel="external nofollow" href="mailtEMAIL">……</a>创建自动发送电子邮件的链接<a name="name"></a>创建位于文档内部的书签<a rel="external nofollow" href="#name"></a>创建指向位于文档内部书签的链接<BASE>文档中不能被该站点辨识的其它所有链接源的URL< LINK>定义一个链接和源之间的相互关系——此答案来自百度百科

html的标签类型有哪些

1.块元素(独占一行!即使通过css设置宽度width,也会占一行的位置)

块元素的居中问题

块级元素左右居中:先设置自身width;然后,margin: 0 auto;

div(无语义)

列表 ur/ol/li

段落 p

标题 h1-h6

自定义列表 dl/dt/dd

2.内联元素(行内)[不支持width, height, margin上下,padding上下]

子级内联元素之间有间隙,可以把父级元素font-size设置为0,子级单独设置font-size

内联元素居中:由于内联元素自身不支持width,使用在父级元素设置text-alian: center的解决方案

span(无语义)

超链接标签 a

src可以为空,但一定要写

常用内联元素

3.内联块元素(支持全部样式的内联元素)

可以把内联块元素看做内联元素的进化版,

通过设置float属性也会将元素转换为内联块

通过定位属性fix, absolute都可以将元素转换为内联块

设置样式 display: inline-block;

转换为内联块

关于html各种标签和html基础语法的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

html编辑器网页版?代码编辑器网页版php文件用什么打开手机?手机php文件用什么软件打开