HTML-----标签小总结

<body>标签:网上显示的内容放在这个标签里

<p>标签:添加段落

<hx>标签来制作文章的标题
标题标签一共有六个
h1,h2.h3,h4,h5,h6
重要性依次递减

<em>和<strong>是强调标签

<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

<q>引用文本</q>:引用别人的话。

<blockquote>标签,长文本引用
在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。

空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />

要想输入空格,必须写入&nbsp;

用<hr>标签分隔两段文字

<address>联系地址信息</address>

当代码是一行代码时,就可以用<code>代码语言</code>

当代码是多行时,就可以使用<pre>语言代码段</pre>

没有顺序的列表:
<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>

举例:
<ul>
  <li>精彩少年</li>
  <li>美丽突然出现</li>
  <li>触动心灵的旋律</li>
</ul>

有顺序的列表:
语法:

<ol>
   <li>信息</li>
   <li>信息</li>
   ......
</ol>
举例:

下面是一个热点课程下载排行榜:

<ol>
   <li>前端开发面试心法 </li>
   <li>零基础学习html</li>
   <li>JavaScript全攻略</li>
</ol>


在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器

给网页的独立的版块添加“标记
语法:
<div  id="版块名称">…</div>


表格举例
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>认识table表标签</title>

</head>

<body>

<table>
 
 <tbody>
   
 <tr>
      
<th>班级</th>
     
 <th>学生数</th>
     
 <th>平均成绩</th>
   
 </tr>
 
  
 <tr>
     
 <td>一班</td>
  
  <td>30</td>
    
  <td>89</td>
  
  </tr>
  
 
 <tr>
     
 <td>二班</td>
    
  <td>35</td>
     
 <td>85</td>
 
   </tr>
 
  
 
   <tr>
  
  <td>三班</td>
    
<td>32</td>
  
 <td>80</td>
  
  </tr>

  
</tbody>

</table>

</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值