|
阅读：7613回复：0
子豪 之 html标签总结 上
常用标签
<html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 head包含标签 title是网页唯一标题标签 -title标签 base是网页默认打开方式声明标签 base link是一个链接标签，包括外部css文件引用、js文件引用、favicon.ico图标引用等作用 link介绍 meta包含广泛的内容标签，如网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。 meta介绍 script是引入外部js文件作用 style直接嵌入网页的js或css文件标签。 <style type="text/css"></style> <style type="text/javascript"></style> <body></body>文本内容 body内容标签，在HTML只能使用或出现一次 通常网页内容都是放入body标签内容 网页内容开始与结束标签 通常我们在IE内容区看到的内容，都是放入在<body></body>之间 <title></title> 设置文档的标题 <h1></h1> 标题标签 <pre></pre> 预先格式化文本 <u></u> 下划线 <s></s> 加删除线 <b></b> 加粗文本 <strong></strong> 加粗文本 <i></i> 斜体字 <cite></cite> 斜体字 <tt></tt> 打字机风格的字体 <em></em> 强调文本(通常是斜体加黑体) <BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 <SMALL></SMALL> 字体缩小 <CODE></CODE> 程式码 <KBD></KBD> 键盘字 <SAMP></SAMP> 范例 <VAR></VAR> 变量 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 术语定义 <ADDRESS></ADDRESS> 地址标记 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体（不执行标记符号） <listing>...</listing> 固定宽度的小字体 font font标签face属性 设置文字字体 <font style ='font-size:100 px'>...</font>无限增大 <font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值 <sup>上浮内容</sup>上标字 <sub>下浮内容</sub>下标字 格式标签 <p></p> 创建一个段落 一个p换段标签等于使用两个br标签换行 <p align=""> 将段落按左、中、右对齐 强制换行 插入换行符 <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 href="网址、链接地址" target="打开方式" title="说明">被链接内容</a> <base target="打开方式" href="URL地址" /> <BASE> 文档中不能被该站点辨识的其它所有链接源的URL <link href="" rel="" type="text/css" /> <LINK> 定义一个链接和源之间的相互关系 href 值为外部资源地址，这里是css的地址 rel 定义当前文档与被链接文档之间的关系,这里是外部css样式表即stylesheet type 规定被链接文档的 MIME 类,这里是值为text/css <script src="js/index.js" type="text/javascript"></script> 用于链接外部JS文件外部资源标签 链接属性注解 ◆target="..."决定链接源在什么地方显示 _blank 新建标签窗口页 _parent 在父窗体中打开链接 _self 在当前窗体打开链接 使得目标文档载入并显示在相同的框架或者窗口中作为源文档 _top 在当前窗体打开链接，并替换当前的整个窗体(框架页) ◆title="..." 链接说明 ◆rel="..."发送链接的类型 ◆rev="..."保存链接的类型 ◆accesskey="..."指定该元素的热键 ◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly ◆coord="..."使用像素或者长度百分比来定义形状的尺寸 ◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点) 特殊链接举例 图片超链接 <a href="http://www.divcss5.com/" target="_blank" title="转到DIVCSS5主页"><img src="http://www.divcss5.com/css-images/css-logo.gif" /></a> 锚文本超链接 <a href="http://www.divcss5.com/">DIVCSS5</a> <a href="URL"></a> 创建超文本链接 <a href="mailtEMAIL"> </a> 创建自动发送电子邮件的链接 <a name="name"></a> 创建位于文档内部的书签 <a href="#name"></a> 创建指向位于文档内部书签的链接 图片标签 <img src="图片路径" width="175" height="47" alt="" /> Src 跟图片路径 Width 设置图片宽度 Height 设置图片高度 Alt 设置对这张图片文字描述，通常设置描述是为了搜索引擎能读懂你这张图片表达内容（有利于搜索引擎优化因素而使用） 布局标签 div Div起分割作用，分割内容使用的常用标签。DIV+CSS更是起到分割与设置对应样式作用 <div class="yangshi">演示</div> span span与div标签区别在于，span随内容而占用高宽空间（紧贴内容），而一对div标签却占用一行 <span>我是DIVCSS5!</span> from <form action="" method=""> </form> action的值填写为将表单提交内容送往的页面地址 Method Method的值为get时，是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交处理 Method的值为post时，是通过类似缓存传填写内容与参数，而URL是不能看到form表单填写内容提交内容。 table <table> <tr> <th> </th> <td> </td> </tr> </table> 喜欢请点心哦！ |
|
公众号
