1、HTML介绍

古城微笑少年丶 2023-10-17 19:13 38阅读 0赞

## HTML + CSS 基础 ##

web 前端开发需要掌握：html、css样式、JavaScript语言 。

*  HTML是网页内容的载体：内容即网页中所呈现出来的信息，如图片、文字、视频等。
 *  CSS样式是表现：网页的外衣，如字体颜色、大小等，所有用来改变内容外观的东西称之为表现。
 *  JavaScript是用来实现网页上的特殊效果：如焦点新闻的轮换，鼠标滑过弹出下拉菜单等效果。

## 1、HTML介绍 ##

### 1.1、html 标签 ###

#### 1.1.1、关于编辑需要注意的几点 ####

头部（head）中的 content-type 中设置的 charset 是告诉浏览器打开该文件的编码方式。

**需要注意的是，如果使用记事本编辑，保存的时候使用另存为选择与 charset 设置的一样的编码方式。浏览器打开文件的编码方式应与文件 编码方式一致，否则出现乱码。**

*  ## …… ##
    
    ：标题标签
 *  ……
    
    ：段落标签
 *  ：图片标签

<!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
            <title>Html和CSS的关系</title>
            <style type='text/css'>
            h1{
                font-size:24px;
                color:#930;
                text-align:center;
            }
            </style>
        </head>
        <body>
            <h1>勇气</h1>
            <p>三年级时，我还是一个胆小如鼠的女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没有勇气参加。</p>
            <p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学读举手了，甚至成绩比我差很多的，也举手了，还说着：“我来，我来。”我环顾了四周，就我没有举手。</p>
        </body>
    </html>

#### 1.1.2、标签语法 ####

*  标签游英文尖括号<>括起来的，如
 *  html 中的标签成对出现，由开始标签和结束标签（比开始多一个 /）
 *  标签与标签间可以嵌套，但要保证先后顺序，如
    
    ……
 *  html 标签不区分大小写，但尽量小写。

### 1.2、 html 文件基本结构 ###

*  所有网页标签都在 中
 *  标签用于定义文档头部，是所有头部元素的容器。头部元素有 、

### 1.3、head 标签 ###

文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部的数据都不会作为内容显示给读者。

<head>
        <title>...</title>
        <meta>
        <link>
        <style>...</style>
        <script>...</script>
    </head>

标签（元素）：

*  网页标题的信息
 *  定义浏览器工具栏中的标题
 *  提供页面被添加到收藏夹时的标题
 *  显示在搜索引擎结果中的页面标题