HTML基础

最新推荐文章于 2023-01-04 14:35:11 发布

weixin_45698602

最新推荐文章于 2023-01-04 14:35:11 发布

阅读量137

点赞数

分类专栏： vue HTML 文章标签： html css vue.js 前端

本文链接：https://blog.csdn.net/weixin_45698602/article/details/117447797

版权

本文介绍了HTML的概念、发展历史、基础语法和常用标签，包括文档类型声明、文字处理、段落、列表、图像和超链接的使用。通过实例练习帮助读者掌握HTML5的基础知识。

摘要由CSDN通过智能技术生成

一、html概念及发展历史

二、基础语法及常用标签（段落、图片、链接等）

三、文章段落及列表标签

四、图像和超链接标签

1、html(Hypertext Markup Language)超文本标记语言

发展史：1993（IETF）---1995（W3C）----------2014HTML5

特点：不需要编译直接由浏览器执行

是一个文本文件

文件必须使用html或htm为文件名后缀

大小写不敏感

2、开发工具

记事本、Word、DW、sublime

3、基础语法（基本结构、标签、元素、属性、注释）

基本结构：头部（<head></head>）、网页内容（<body></body>）、HTML文件（<html></html>）

<!--html文件内容-->
<html>
    <!--网页头部信息：不会在网页上进行展示-->
    <head>
        <!--网页标题-->
        <title>hello</title>
    </head>
    <!--网页主体部分：在网页中显示的内容-->
    <body >
        <p>hello html!</p>
    </body>
</html>

双击保存的HTML文件即可运行

标签成对出现，单标签后面加反斜杠（/）形成闭合，如<hr/>

标签属性：添加在开始标签名的后面，至少要有一个空格

语法：
<标签名 属性名1="属性值" 属性名2="属性值"...></标签名>

<!--html文件内容-->
<html>
    <!--网页头部信息：不会在网页上进行展示-->
    <head>
        <!--网页标题-->
        <title>hello</title>
    </head>
    <!--网页主体部分：在网页中显示的内容-->
    <body bgcolor="red">
        <p>hello html!</p>
    </body>
</html>

bgcolor：页面背景颜色，bgcolor="red"是将页面背