上書房之HTML

第一章 HTML概述

1.1 什么是HTML

HTML(Hyper Text Markup Language) 是用來描述網(wǎng)頁的一種超文本標(biāo)記語言（不是編程語言），它由一套標(biāo)記標(biāo)簽組成督怜，用來描述網(wǎng)頁結(jié)構(gòu)和內(nèi)容。目前使用最多的版本HTML 4.01 和HTML5健盒。

網(wǎng)站主流研發(fā)技術(shù)

HTML定義了網(wǎng)頁的內(nèi)容。
CSS定義了網(wǎng)頁樣式（長相）称簿。
JavaScript定義了網(wǎng)頁的行為扣癣。

1.2 HTML結(jié)構(gòu)

HTML由head和body兩部分組成。其中<head>包含了所有的頭部標(biāo)簽元素, 在 <head>元素中可以插入腳本（scripts）,樣式文件（CSS）憨降，及各種meta信息父虑。<body>定義了文檔的主題，包含了網(wǎng)頁的結(jié)構(gòu)信息和內(nèi)容信息授药。

HTML結(jié)構(gòu)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
        <script type="text/javascript" src="js/index.js" ></script>
    </head>
    <body>
        <div id="container">
            <div id="content">
                <form>
                    <div>
                        <label for="userName">用戶名</label>
                        <input type="text" id="form-field-userName" name="userName" />
                    </div>
                    <div class="space-8"></div>
                    <div>
                        <label for="password">密碼</label>
                        <input type="password" id="form-field-password" name="password" />
                    </div>
                    <div class="space-8"></div>
                    <button type="button" id="btnRegister">注冊</button>
                </form>
            </div>
        </div>
    </body>
</html>

1.3 HTML編輯器

在學(xué)習(xí)初期推薦使用Notepad++作為編輯器士嚎，在實際項目中呜魄，可使用Sublime Text、HBuilder以及WebStorm等編輯器莱衩。

Notepad++

Sublime Text

HBuilder

WebStorm

第二章 HTML標(biāo)簽

2.1 DOCTYPE 文檔類型

<!DOCTYPE>聲明必須是HTML文檔的第一行爵嗅，位于<html>標(biāo)簽之前。<!DOCTYPE>不是 HTML標(biāo)簽笨蚁，它是指示web瀏覽器網(wǎng)頁使用的是哪個HTML版本進(jìn)行編寫的睹晒。目前統(tǒng)一使用html5的定義方法：

<!DOCTYPE html>

2.2 html 注釋

注釋用于定義html文檔的說明部分，瀏覽器不會對其進(jìn)行解析括细。html使用符號對需要說明的部分進(jìn)行注釋伪很。

<!--這里是注釋內(nèi)容，瀏覽器不會對其進(jìn)行解析-->

2.3 title 標(biāo)簽

使用<title>元素來定義html文檔的標(biāo)題奋单，必須定義在head里面锉试。

<!DOCTYPE html>
<html>
    <head>
        <title>CSS樣式</title>
    </head>
</html>

2.4 link 標(biāo)簽

使用<link>元素來定義網(wǎng)頁需要加載的樣式表文件。辱匿，必須定義在head里面键痛。

<!DOCTYPE html>
<html>
    <head>
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
    </head>
</html>

2.5 meta 標(biāo)簽

使用<meta>元素來描述HTML文檔的描述炫彩、關(guān)鍵詞匾七、作者、字符集等江兢。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
    </head>
</html>

2.6 script 標(biāo)簽

使用<script>元素來定義網(wǎng)頁需要加載的腳本文件和網(wǎng)頁內(nèi)使用的腳本內(nèi)容昨忆。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
</html>

2.7 style 標(biāo)簽

使用<style>元素來定義網(wǎng)頁需要使用的獨立樣式（很少使用）。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
        <style>
            .content{
                border: 1px solid blue;
            }
        </style>
    </head>
</html>

2.8 h1到h6標(biāo)簽

h1,h2,h3,h4,h5,h6這六個標(biāo)簽用于描述html文檔的6個級別的標(biāo)題杉允。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <h1>上書房之HTML</h1>
        </div>
    </body>
</html>

2.9 p 標(biāo)簽

HTML 可以將文檔分割為若干段落邑贴。段落是通過 p標(biāo)簽定義的。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <h1>上書房之HTML</h1>
        </div>
        <div id="container">
            <p>
                微信搜索公眾號“上書房Jia”, 這是當(dāng)今對大學(xué)生最有用的公眾賬號叔磷，在如今互聯(lián)網(wǎng)+的時代里拢驾，無論你學(xué)的什么專業(yè)，你都將在這里學(xué)到互聯(lián)網(wǎng)+時代中最實用的技術(shù)并得到相關(guān)的就業(yè)信息改基，使你在畢業(yè)時具備過人的競爭力繁疤。
            </p>
            <p>
                我們還與多家軟件公司及互聯(lián)網(wǎng)公司達(dá)成了人才培養(yǎng)協(xié)議，我們將以企業(yè)見習(xí)和企業(yè)實習(xí)等方式秕狰，讓學(xué)生了解企業(yè)稠腊，融入企業(yè)，并簽約企業(yè)鸣哀。
            </p>
        </div>
    </body>
</html>

2.10 br 標(biāo)簽

使用
可在html文檔中插入一個簡單的換行符架忌。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <h1>上書房之HTML</h1>
        </div>
        <div id="container">
            <span>陜西省</span><br />
            <span>西安市</span><br />
            <span>高新區(qū)</span>
        </div>
    </body>
</html>

2.11 div 標(biāo)簽

<div> 是一個塊級元素，可定義文檔中的分區(qū)或節(jié)我衬，把文檔分割為獨立的叹放、不同的部分饰恕。主要用于頁面布局。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是放置網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <!--這里放置網(wǎng)頁的內(nèi)容信息-->
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.12 span 標(biāo)簽

<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素井仰。在網(wǎng)頁中添加一些文字懂盐，一般應(yīng)使用<span></span>將文字包起來。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <span>這里放置網(wǎng)頁中的文字</span>
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.13 label 標(biāo)簽

<label> 標(biāo)簽用于為input元素定義標(biāo)注（標(biāo)記）糕档。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <label for="userName">用戶名：</label>
            <input type="text" class="form-control" name="userName" id="userName" /><br />
            <label for="password">密碼：</label>
            <input type="text" class="form-control" name="password" id="password" />
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.14 a 標(biāo)簽

a 標(biāo)簽定義超鏈接莉恼，用于從一張頁面鏈接到另一張頁面。a元素最重要的屬性是href 屬性速那，它指示鏈接的目標(biāo).

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <a >百度</a>
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.15 img 圖片標(biāo)簽

img標(biāo)簽用于在html文檔中嵌入一張圖片俐银，src屬性用于定義圖片的地址（絕對地址及相對地址）。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            ![](http://upload-images.jianshu.io/upload_images/1507236-6706f61c06ea1193.jpg)
            [站外圖片上傳中……(2)]
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.16 ul 無序列表標(biāo)簽

ul標(biāo)簽用于定義無序列表端仰。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <ul>
                <li>A</li>
                <li>B</li>
                <li>C</li>
            </ul>
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.17 ol 有序列表標(biāo)簽

ol標(biāo)簽用于定義無序列表捶惜。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <ol>
                <li>A</li>
                <li>B</li>
                <li>C</li>
            </ol>
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.18 table 表格

表格由<table>標(biāo)簽來定義。每個表格均有若干行（由<tr>標(biāo)簽定義）荔烧，每行被分割為若干單元格（由<td>標(biāo)簽定義）吱七。字母td指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容鹤竭。數(shù)據(jù)單元格可以包含文本踊餐、圖片、列表臀稚、段落吝岭、表單、水平線吧寺、表格等等窜管。
一個完成的table應(yīng)該由thead和tbody兩部分組成，其中thead定義表頭內(nèi)容稚机，tbody定義表格內(nèi)容幕帆。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <table>
                <thead>
                    <tr>
                        <th>訂單編號</th>
                        <th>客戶編號</th>
                        <th>客戶姓名</th>
                        <th>下單時間</th>
                        <th>訂單金額</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>10001</td>
                        <td>C00101</td>
                        <td>張三</td>
                        <td>2016/12/18 12:50:10</td>
                        <td>100.00</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.19 form 表單

HTML表單用于搜集不同類型的用戶輸入赖条。表單是一個包含表單元素的區(qū)域失乾。
表單元素是允許用戶在表單中輸入內(nèi)容，比如：文本域谋币、下拉列表仗扬、單選框、復(fù)選框等等蕾额。表單使用表單標(biāo)簽<form>來設(shè)置早芭。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS樣式</title>
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-2.2.0.min.js" ></script>
    </head>
    <body>
        <div id="header">
            <!--這是網(wǎng)頁的頭部信息-->
        </div>
        <div id="container">
            <form id="form-login">
                <div class="form-group">
                    <label for="form-field-userName">用戶名：</label>
                    <input type="text" class="form-control" name="userName" id="form-field-userName" placeholder="請輸入用戶名" />
                </div>
                <div class="form-group">
                    <label for="form-field-userName">密碼：</label>
                    <input type="password" class="form-control" name="password" id="form-field-password" placeholder="請輸入密碼" />
                </div>
            </form>
        </div>
        <div id="footer">
            <!--這里放置網(wǎng)頁的頁腳信息-->
        </div>
    </body>
</html>

2.20 表單文本框

表單中的文本框用來收集需要用戶輸入的信息，由<input>標(biāo)簽來定義诅蝶，type類型為text退个。

<input type="text" class="form-control" name="userName" id="form-field-userName" placeholder="請輸入用戶名" />

2.21 表單單選框

表單單選框用于向用戶收集一組選項中募壕，用戶選擇的某一個選項（只能選擇一個選項）。單中的文本框用來收集需要用戶輸入的信息语盈，由<input>標(biāo)簽來定義舱馅，type類型為radio。

<label>性別</label>
<input type="radio" name="sex" /> 男
<input type="radio" name="sex" /> 女

2.22 表單復(fù)選框

表單單選框用于向用戶收集一組選項中刀荒，用戶選擇的多個個選項代嗤。單中的文本框用來收集需要用戶輸入的信息，由<input>標(biāo)簽來定義缠借，type類型為checkbox干毅。

<label>愛好</label>
<input type="checkbox" name="interest" /> 旅游
<input type="checkbox" name="interest" /> 讀書
<input type="checkbox" name="interest" /> 音樂

2.23 表單密碼框

表單密碼框用于向用戶收集用戶輸入的密碼，處于安全考慮泼返，用戶輸入的內(nèi)容顯示為掩碼硝逢。表單中的密碼框由<input>標(biāo)簽來定義，type類型為password绅喉。

<input type="password" class="form-control" name="password" id="form-field-password" placeholder="請輸入密碼" />

2.24 表單隱藏域

表單的隱藏域用于保存一些不需要在頁面顯示的內(nèi)容渠鸽，表單的隱藏域由<input>標(biāo)簽來定義，type類型為hidden柴罐。

<input type="hidden" name="soNumber" id="form-hidden-soNumber" />

2.25 表單多行文本框

表單的多行文本框用于收集用戶輸入的多行的內(nèi)容徽缚，表單的隱藏域由< textarea>標(biāo)簽來定義。使用rows和cols來定義多行文本框的高度和寬度丽蝎。

<textarea rows="5" cols="10"></textarea>

2.26 表單下拉框

表單下拉框用于讓用戶從多個選擇中選擇某一個內(nèi)容猎拨，下拉框有<select>和<option>共同組成

<select>
  <option value="0">A</option>
  <option value="1">B</option>
  <option value="2">C</option>
  <option value="3">D</option>
</select>

2.27 表單提交按鈕

表單提交按鈕用于將form表單中的用戶輸入的內(nèi)容提交到服務(wù)器。提交按鈕由<button>定義屠阻，type為submit。

<button type="submit" class="btn-submit">提交</button>

2.28 表單重置按鈕

表單重置按鈕用于將form表單中的設(shè)置為頁面初始狀態(tài)额各。提交按鈕由<button>定義国觉，type為reset。

<button type="reset" class="btn-submit">提交</button>

2.29 表單普通按鈕

表單普通按鈕用于結(jié)合單擊事件執(zhí)行在頁面上執(zhí)行執(zhí)行的邏輯行為虾啦。提交按鈕由<button>定義麻诀，type為button。

<button type="button" class="btn-submit">提交</button>

2.30 article標(biāo)簽

<article>標(biāo)簽規(guī)定獨立的自包含內(nèi)容傲醉。一篇文章應(yīng)有其自身的意義蝇闭，應(yīng)該有可能獨立于站點的其余部分對其進(jìn)行分發(fā)。
<article>元素的潛在來源：

論壇帖子
報紙文章
博客條目
用戶評論

<article>
  <h1>專訪陳勇： 敏捷開發(fā)現(xiàn)狀及發(fā)展之路</h1>
  <p>
敏捷這個含著金鑰匙誕生的“霹靂嬌娃”是軟件開發(fā)行業(yè)的救星硬毕，從頭到腳呻引、從里到外無不閃著金光，透著與眾不同吐咳。但國內(nèi)少有團(tuán)隊能真正理解其精髓和奧秘逻悠。為此元践，社區(qū)之星第15期采訪了敏捷開發(fā)老兵陳勇。他站在企業(yè)管理者的角度來講解敏捷開發(fā)并分析的字字珠璣童谒。
  </p>
</article>

2.31 塊及元素與行內(nèi)元素

塊及元素列表

元素	說明
address	定義地址
caption	定義表格標(biāo)題
dd	定義列表中定義條目
div	定義文檔中的分區(qū)或節(jié)
dl	定義列表
dt	定義列表中的項目
fieldset	定義一個框架集
form	創(chuàng)建 HTML 表單
h1	定義最大的標(biāo)題
h2	定義副標(biāo)題
h3	定義標(biāo)題
h4	定義標(biāo)題
h5	定義標(biāo)題
h6	定義最小的標(biāo)題
hr	創(chuàng)建一條水平線
legend	元素為 fieldset 元素定義標(biāo)題
li	標(biāo)簽定義列表項目
noscript	定義在腳本未被執(zhí)行時的替代內(nèi)容
ol	定義有序列表
ul	定義無序列表
p	標(biāo)簽定義段落
pre	定義預(yù)格式化的文本
table	標(biāo)簽定義 HTML 表格
tbody	標(biāo)簽表格主體（正文）
td	表格中的標(biāo)準(zhǔn)單元格
tfoot	定義表格的頁腳（腳注或表注）
th	定義表頭單元格
thead	標(biāo)簽定義表格的表頭
tr	定義表格中的行

行業(yè)元素列表

元素	說明
a	標(biāo)簽可定義錨
abbr	表示一個縮寫形式
acronym	定義只取首字母縮寫
b	字體加粗
bdo	可覆蓋默認(rèn)的文本方向
big	大號字體加粗
br	換行
cite	引用進(jìn)行定義
code	定義計算機代碼文本
dfn	定義一個定義項目
em	定義為強調(diào)的內(nèi)容
i	斜體文本效果
img	向網(wǎng)頁中嵌入一幅圖像
input	輸入框
kbd	定義鍵盤文本
label	標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）
q	定義短的引用
samp	定義樣本文本
select	創(chuàng)建單選或多選菜單
small	呈現(xiàn)小號字體效果
span	組合文檔中的行內(nèi)元素
strong	語氣更強的強調(diào)的內(nèi)容
sub	定義下標(biāo)文本
sup	定義上標(biāo)文本
textarea	多行的文本輸入控件
tt	打字機或者等寬的文本效果

第三章 HTML屬性

HTML屬性是元素提供的附加信息单旁，定義于元素的開始標(biāo)簽，總是以名稱/值的鍵值對的形式出現(xiàn)饥伊，比如：name="value"象浑。

HTML元素的常用屬性如下：

屬性	描述
class	規(guī)定元素的類名（classname）
data-*(New)	用于存儲頁面的自定義數(shù)據(jù)
id	規(guī)定元素的唯一 id
style	規(guī)定元素的行內(nèi)樣式（inline style）
tabindex	設(shè)置元素的 Tab 鍵控制次序。
title	規(guī)定元素的額外信息（可在工具提示中顯示）

最后編輯于：2017.12.05 02:06:27

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末琅豆，一起剝皮案震驚了整個濱河市融柬，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌趋距，老刑警劉巖粒氧，帶你破解...
沈念sama閱讀 211,884評論 6贊 492
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異节腐，居然都是意外死亡外盯，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,347評論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門翼雀，熙熙樓的掌柜王于貴愁眉苦臉地迎上來饱苟，“玉大人，你說我怎么就攤上這事狼渊∠浒荆” “怎么了？”我有些...
開封第一講書人閱讀 157,435評論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵狈邑，是天一觀的道長城须。經(jīng)常有香客問我，道長米苹，這世上最難降的妖魔是什么糕伐？我笑而不...
開封第一講書人閱讀 56,509評論 1贊 284
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮蘸嘶，結(jié)果婚禮上良瞧，老公的妹妹穿的比我還像新娘。我一直安慰自己训唱，他們只是感情好褥蚯，可當(dāng)我...
茶點故事閱讀 65,611評論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著况增，像睡著了一般赞庶。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 49,837評論 1贊 290
城市分裂傳說
那天尘执，我揣著相機與錄音舍哄，去河邊找鬼。笑死誊锭，一個胖子當(dāng)著我的面吹牛表悬，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播丧靡，決...
沈念sama閱讀 38,987評論 3贊 408
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼蟆沫，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了温治？” 一聲冷哼從身側(cè)響起饭庞，我...
開封第一講書人閱讀 37,730評論 0贊 267
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎熬荆，沒想到半個月后舟山，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 44,194評論 1贊 303
?護(hù)林員之死
正文獨居荒郊野嶺守林人離奇死亡卤恳，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 36,525評論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年累盗，在試婚紗的時候發(fā)現(xiàn)自己被綠了。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片突琳。...
茶點故事閱讀 38,664評論 1贊 340
活死人
序言：一個原本活蹦亂跳的男人離奇死亡若债，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出拆融，到底是詐尸還是另有隱情蠢琳，我是刑警寧澤，帶...
沈念sama閱讀 34,334評論 4贊 330
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布镜豹，位于F島的核電站傲须，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏逛艰。R本人自食惡果不足惜躏碳，卻給世界環(huán)境...
茶點故事閱讀 39,944評論 3贊 313
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望散怖。院中可真熱鬧，春花似錦肄渗、人聲如沸镇眷。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,764評論 0贊 21
一樁弒父案翎嫡，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽欠动。三九已至，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間具伍，已是汗流浹背翅雏。一陣腳步聲響...
開封第一講書人閱讀 31,997評論 1贊 266
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留人芽，地道東北人望几。一個月前我還...
沈念sama閱讀 46,389評論 2贊 360
代替公主和親
正文我出身青樓，卻偏偏與公主長得像萤厅，于是被迫代替她去往敵國和親橄抹。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 43,554評論 2贊 349