html&css基础标签

谁借莪１个温暖的怀抱￠ 2022-05-27 04:44 288阅读 0赞

<table style="height:799px;"> 
 <tbody> 
 <tr> 
 <td>标签名</td> 
 <td>说明</td> 
 <td>区块/内联</td> 
 <td>说明</td> 
 </tr> 
 <tr> 
 <td>&lt;html&gt;&lt;/html&gt;</td> 
 <td>声明开始结束</td> 
 <td>&nbsp;</td> 
 <td><pre><code>&lt;html&gt;//开始
&nbsp;&lt;head&gt;显示网站的标题和检索内容等等&lt;/head&gt;
&nbsp;&lt;body&gt;
&nbsp;里面写网站内容
&nbsp;&lt;/body&gt;
&nbsp;&lt;/html&gt;//结束</code></pre></td> 
 </tr> 
 <tr> 
 <td>&lt;b&gt;&lt;/b&gt;</td> 
 <td>blod文本加粗</td> 
 <td>inline</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;strong&gt;&lt;/strong&gt;</td> 
 <td>文本加粗（语义）</td> 
 <td>inline</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;i&gt;&lt;/i&gt;</td> 
 <td>斜体</td> 
 <td>inline</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;em&gt;&lt;/em&gt;</td> 
 <td>斜体（语义）</td> 
 <td>inline</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;u&gt;&lt;/u&gt;</td> 
 <td>下划线</td> 
 <td>inline</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;sub&gt;&lt;/sub&gt;</td> 
 <td>下标</td> 
 <td>inline</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;sup&gt;&lt;/sup&gt;</td> 
 <td>上标</td> 
 <td>inline</td> 
 <td><pre>&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;这是h1标签&lt;/h1&gt;
 &nbsp;&nbsp;&nbsp; &lt;h2&gt;这是h2标签&lt;/h2&gt;
 &lt;h3&gt;这是h3标签&lt;/h3&gt;
 &lt;h4&gt;这是h4标签&lt;/h4&gt;
 &lt;h5&gt;这是h5标签&lt;/h5&gt;
 &lt;h6&gt;这是h6标签&lt;/h6&gt;</pre></td> 
 </tr> 
 <tr> 
 <td>h1_h7</td> 
 <td>标题</td> 
 <td>block</td> 
 <td>不同浏览器默认间距高度不一样</td> 
 </tr> 
 <tr> 
 <td>&lt;p&gt;&lt;/p&gt;</td> 
 <td>段落</td> 
 <td>block</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;br&gt;&lt;/br&gt;</td> 
 <td>换行</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;span&gt;&lt;/span&gt;</td> 
 <td>行内分区</td> 
 <td>inline</td> 
 <td>最简单的inline</td> 
 </tr> 
 <tr> 
 <td>&nbsp;&lt;div&gt;&lt;/div&gt;</td> 
 <td>元素分组</td> 
 <td>block</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;hr/&gt;</td> 
 <td>水平分割线</td> 
 <td>block</td> 
 <td>width;color;align;</td> 
 </tr> 
 <tr> 
 <td>&lt;pre&gt;&lt;/pre&gt;</td> 
 <td>预格式化</td> 
 <td>block</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;img/&gt;</td> 
 <td>图像</td> 
 <td>inline</td> 
 <td><code>&lt;img&nbsp;</code> src=”图片地址” alt=”下载失败时的替换文本” title = “提示文本/”&gt;</td> 
 </tr> 
 <tr> 
 <td>&lt;a&gt;&lt;/a&gt;</td> 
 <td>锚点链接</td> 
 <td>inline</td> 
 <td><code>&lt;a</code> href=”目标网址” tittle=”鼠标滑过链接文字时会显示这个属性的文本内容” target=”_blank”&gt;&nbsp;&nbsp; 链接显示的文本<code>&lt;/a&gt;</code></td> 
 </tr> 
 <tr> 
 <td>ul&gt;li</td> 
 <td>无序列表</td> 
 <td>block</td> 
 <td><pre><code> &lt;ul&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;/li&gt;
 
&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;/li&gt;

&lt;/ul&gt;</code></pre></td> 
 </tr> 
 <tr> 
 <td>ol&gt;li</td> 
 <td>有序列表</td> 
 <td>block</td> 
 <td><pre><code>&lt;ol&gt;
&nbsp;&lt;li&gt;信息&lt;/li&gt;
&nbsp;&lt;li&gt;信息&lt;/li&gt;
&nbsp;......

&lt;/ol&gt;</code></pre></td> 
 </tr> 
 <tr> 
 <td>&lt;textarea&lt;/textarea&gt;</td> 
 <td>多行文本域</td> 
 <td>inline</td> 
 <td><code>&lt;textarea</code> rows=”行数” cols=”列数”&gt;文本<code>&lt;/textarea&gt;</code></td> 
 </tr> 
 <tr> 
 <td>&lt;input&gt;</td> 
 <td>文本密码输入框</td> 
 <td>inline</td> 
 <td><pre><code>&lt;form&gt;

&lt;input type="text/password" name="名称" value="文本" /&gt;
&lt;/form&gt;</code></pre></td> 
 </tr> 
 </tbody> 
</table>