巫山♔

web前端-1-html概述、网页基本结构、html常用块级标签

1.HTML           (常用标签          网页的基本结构)
2.CSS            (常用样式          网页的显示效果)
3.JavaScript     (用户交互效果       动态效果)
4.jQuery         (JavaScript库     简化原生js操作)
5.Ajax           (异步数据交互       在页面不刷新的情况下进行数据交互)
6.BootStrap      (前段UI框架        快速搭建静态页面并支持不同设备)

HTML概述

一、什么是HTML

HTML 是用来描述网页的一种语言。

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

HTML 不是一种编程语言，而是一种标记语言

标记语言是一套标记标签 (markup tag)

HTML 文档包含了HTML 标签及文本内容

HTML文档也叫做 web 页面

二、HTML是干嘛的

可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

三、建立HTML文件

四、HTML注释

五、HTML网页的基本结构

      声明为 HTML5 文档
               元素是 HTML 页面的根元素
               元素包含了文档的元（meta）数据
               元素包含了可见的页面内容




<html>
    
    <head>
        
        <meta charset="UTF-8">
        
        <title>我的第一个网页title>
    head>
    
    <body>
       这是首页显示内容
    body>
html>

通用声明（了解）

HTML5

HTML4.01

XHTML1.0

六、HTML标签结构

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词
HTML 标签通常是成对出现的
标签对中的第一个标签是开始标签，第二个标签是结束标签

<开始标签>内容

七、HTML元素

“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
一个 HTML 元素包含了开始标签与结束标签

八、HTML属性

HTML 元素可以设置属性
属性一般添加在开始标签
属性一般以名称/值对的形式出现，比如：name=“value”。

注意：

属性值必须用双引号引起来
标签都用小写字母
双标签必须要写闭合标签

HTML常用标签

一、HTML常用的块级标签（块级元素）

独占一行

有语义的HTML块级元素

有默认样式

标题（Heading）

通过H1～H6 标签来定义的.

段落

通过标签 p 来定义的.

列表

无序列表 ul,li

是一个项目的列表,列项目使用粗体圆点（典型的小黑圆圈）进行标记

有序列表 ol,li

也是一个项目的列表，列表项目使用数字进行标记。

自定义列表 dl,dt,dd（了解）

注意：
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

表格 table,tr,td

table常用属性

border 边框
cellpadding 内容距离表框的距离
cellspacing 单元格和单元格之间的距离
rowspan 垂直合并（跨行显示）
colspan 水平合并（跨列显示）
anglin 内容水平对其方式
valign 内容垂直对其方式

无意义的块级元素 div

 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示换行。
一般与 CSS 一同使用
 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用HTML块级标签(块元素)title>
head>
<body>

    
        
        
        <h1>这是一级标题h1>
        <h2>这是二级标题h2>
        <h3>这是三级标题h3>
        <h4>这是四级标题h4>
        <h5>这是五级标题h5>
        <h6>这是六级标题h6>
    
        
        <p>超文本标记语言<br>（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 p>
        <p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 p>

    
        
        
        <ul>
            
            <li>列表项一li>
            <li>列表项二li>
            <li>列表项三li>
        ul>
    
        
        <ol type="i" start="5">
            <li>这是有序列表li>
            <li>这是有序列表li>
        ol>
    
        <dl>
            <dt>这是自定义列表dt>
            <dd>这是自定义列表dd>
            <dd>这是自定义列表dd>
            <dt>这是自定义列表的标题dt>
            <dd>这是列表标题的解释dd>
        dl>
    
        
        
        <table border="1" cellpadding="10px" cellspacing="0" width="800px" height="700px">
            
            <tr >
                
                
                <th colspan="4">这是表头th>
                
                
                
            tr>
            
            <tr valign="top" align="center">
                <td rowspan="2">这是第二行的第一列td>
                <td>这是第二行的第二列td>
                <td>这是第二行的第三列td>
                <td>这是第三行的第四列td>
            tr>
            
             <tr>
                
                <td>这是第三行的第二列td>
                <td>这是第三行的第三列td>
                <td>这是第三行的第四列td>
            tr>
        table>

    <hr>

    
    <div>这是一个divdiv>
<br>
<br>
<br>
body>
html>