html各种标签?html基础语法
大家好,关于html各种标签很多朋友都还不太明白,今天小编就来为大家分享关于html基础语法的知识,希望对各位有所帮助!
html常用标签有哪些
html常用标签
最近,对html的重温,对一些常用的html标签进行了整理,给大家分享一下。
html结构:
<html> html开始标签
<head>
<title>html文档标题</title>
</head>
<body>
html文档内容....
</body>
</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基础语法的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。