什么是HTML?

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 使用标记标签来描述网页
HTML文件后缀名：htm，html
HTML编辑器：sublime，HBuilderX

HTML使用基础

HTML初识

1.标签 - 承载内容
2.层叠样式表 - 渲染页面
3.JavaScript - 交互式行为
HTML的格式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

注释：在HTML中注释使用

<!--  -->

HTML 简单操作

1.标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的

2.段落
HTML 段落是通过标签 <p> 来定义的

<p>这是一个段落</p>
<p>这是另外一个段落</p>

<br>换行

3.列表
1）有序列表<ol>

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

显示结果
1.Coffee
2.Milk
2）无序列表<ul>

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

显示结果

Coffee
Milk

3）自定义列表<dl>

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

显示结果
Coffee
- black hot drink
Milk
- white cold drink
注意：列表中可以叠加

4.表格
键入<table<tr*>td*>后tab键插入表格,<caption>表格名称</caption>
rowspan="2"为列并格2格，align="center" 为居中（align=" "为对齐）
rowspan="2"为行并格2格

<!--table<tr*4>td*5 -->
        <table border="1">
            <caption>学生考试成绩</caption>
            <thead>
                <tr>
                    <th width="120">姓名</th>
                    <th width="100">数学</th>
                    <th width="100">语文</th>
                    <th width="100">物理</th>
                    <th width="100">化学</th>
                </tr>
            </thead>
                <tr>
                    <td>王大锤</td>
                    <td>89</td>
                    <td colspan="2" align="center">45</td>
                    <td>56</td>
                </tr>
            <tbody>
                <tr>
                    <td rowspan="2"align="center">李四</td>
                    <td>35</td>
                    <td>78</td>
                    <td>76</td>
                    <td>89</td>
                </tr>
                <tr>
                    <td>78</td>
                    <td>66</td>
                    <td>98</td>
                    <td>56</td>
                </tr>
            </tbody>

4.字符实体
& - &amp；空格 - &nbsp；等，见菜鸟教程

5.图像
<img src="url" alt="some_text">，src后面是图片地址，可以是本地地址（相对路径），也可以是网络地址。alt后面是地址失效后显示的文本内容，可自定义

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

width,height分别调整图像宽度和高度

6.超链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML使用标签 <a>来设置超文本链接，在标签<a> 中使用了href属性来描述链接的地址。

<a href="http://www.runoob.com/">访问菜鸟教程</a>

使用 target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：

<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>

6.函数
HTML中函数function 函数名() {函数体}
自带函数window

7.按键
在HTML中使用<button></button>来创建按键

day21 HTML

day21 HTML

什么是HTML?

HTML使用基础

HTML初识

HTML 简单操作

推荐阅读更多精彩内容