1、HTML介绍

最新推荐文章于 2024-08-18 21:08:41 发布

风老魔

最新推荐文章于 2024-08-18 21:08:41 发布

阅读量192

点赞数

分类专栏： HTML 学习笔记文章标签： html

本文链接：https://blog.csdn.net/hj1993/article/details/79982426

版权

HTML 学习笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML + CSS 基础

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

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

1、HTML介绍

1.1、html 标签

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

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

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

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

<!--html 示例-->
<!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 文件基本结构

<html>    <!--根标签-->
    <head>...</head>   <!--头部-->
    <body>...</body>   <!--身体-->
</html>

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

1.3、head 标签

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

<!--head 标签示例-->
<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

标签（元素）：

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

风老魔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
1、HTML介绍

HTML + CSS 基础web 前端开发需要掌握：html、css样式、JavaScript语言。HTML是网页内容的载体：内容即网页中所呈现出来的信息，如图片、文字、视频等。CSS样式是表现：网页的外衣，如字体颜色、大小等，所有用来改变内容外观的东西称之为表现。JavaScript是用来实现网页上的特殊效果：如焦点新闻的轮换，鼠标滑过弹出下拉菜单等效果。1、HTML介...
复制链接

扫一扫