html基本标签


长文引用-------<blockquote>

大家都在忙于自认为最重要的事情,却没能享受到人生的乐趣,反而要吞下苦果?
<blockquote>“暗淡轻黄体性柔,情疏迹远只香留。何须浅碧深红色,自是花中第一流。”</blockquote>
这是李清照《咏桂》中的词句,在李清照看来,桂花暗淡青黄,性情温柔,淡泊自适,远比那些大红大紫争奇斗艳花值得称道。

效果如下

大家都在忙于自认为最重要的事情,却没能享受到人生的乐趣,反而要吞下苦果?

“暗淡轻黄体性柔,情疏迹远只香留。何须浅碧深红色,自是花中第一流。”
这是李清照《咏桂》中的词句,在李清照看来,桂花暗淡青黄,性情温柔,淡泊自适,远比那些大红大紫争奇斗艳花值得称道。

短文引用--------<q>
空格-------&nbsp

<hr/>-------分隔线

<br/>--------空行

<code&gt 代码 </code>--------单行代码块

<pre&gt 代码 </pre> ---------多行代码块

<ul>列表集</ul>
1.<li>列表1</li>
2.<ol>有序列表1</ol>

在HTML中默认是没有表格边框的所以要加css样式

<style type="text/css">
table tr td,th{
    border:1px solid #000;
}
<table>
<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>
 </table>

效果如下

班级 学生人数 平均成绩
一班 30 89
二班 35 85

<a href="网址" target="_blank"> 内容</a> 超链接标签,如果想要使连接在新的浏览器中打开就需要加target="_blank"。
<img scr="" alt="" title=""> 插入图片标签,scr为图片地址,alt为下载失败时的替换文本,title为鼠标滑过是显示的文本
<form method="传送方式" action="服务器文件">
1.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
2.method : 数据传送的方式(get/post)。
好像markdown不识别本

<form method="post" action="save,php">
      <label for="username">用户名:</label>
      <input type="text"  name="username" id="username" value="" />
      <br/>
      <label for="pass">密码:</label>
      <input type="password"  name="pass" id="pass" value="" />   
      <br/>
      <input type="submit" value="确定"  name="submit" />
      <input type="reset" value="重置" name="reset" />
</form>  

<input type="text/password" name="myname"/>
test:文本输入框,
password:密码输入框;
submit:登录按钮
resert:重置按钮
radio:单选框(同一组的单选按钮,name取值一定要一致)
checkbox:复选框
<textarea rows="行数" cols="列数" >文本</textarea>

原文地址:https://www.cnblogs.com/liu-ya/p/8727706.html