菜鸟教程：零基础HTML入门新手入门html

本文主要介绍关于html的知识点，对【菜鸟教程：零基础HTML入门】和【新手入门html】有兴趣的朋友可以看下由【Yilingshu】投稿的技术文章，希望该技术和经验能帮到你解决你所遇的【】相关技术问题。

新手入门html

HTML入门

文章目录 一、HTML是什么？二、入门实例1.新建html文档2.html常用标签三、属性 总结

---

一、HTML是什么？

HTML全称：Hyper Text Markup Language
中文名：超文本标记语言
HTML是由W3C组织定义的语言标准，是用于描述页面机构的语言。

二、入门实例 1.新建html文档

如图：

每一个html文件开头必须是这个标签，作用是告诉浏览器此文档为html文档。 ：根元素在所有的html文件中这个元素级别最高 网页编码格式，一般为UTF-8 中间内容就是这个html文件的标题 html的内容

保存后在浏览器打开：

这就是html在浏览器打开后的画面
标题部分：

显示结果：

内容：

显示结果：

html注释
注释写在代码中，主要是用于编程人员观看，能够方便检查代码以及标出重要内容.
注释内容在浏览器显示界面中不会出现
格式是小于号（<），感叹号（!）小于号和感叹号间无空格，接下来是两条短线（–）,然后就是注释内容，最后又是两条短线（–）和大于号（>）。

如：

2.html常用标签

1.标题

html文档中的内容标题使用h1~h6来书写，

...标题字(最大) ...标题字(最小) 一般按顺序从大到小依次使用

2.段落

中间是文本内容

3.超链接

标签定义超链接，用于从一张页面链接到另一张页面。
href是它最重要的属性，它表示链接的目标。
a标签中间所夹的内容就是链接在浏览器上所显示的样子

4.图像

标签定义图像，src属性指示图像地址

5.表格
代码示例：

浏览器显示：

在html中

标签定义表格，标签定义行， 和定义每一行被分割的单元格

6.列表
无序列表代码：

浏览器显示：

有序列表代码：

浏览器显示：

标签定义无序列表 标签定义有序列表 标签定义列表项目 三、属性

html的属性：用来赋予标签意义和语境，主要作用是为了让浏览器理解网页，也是为了搜索引擎的优化。

全局属性：
id：元素的唯一名称，具有唯一性
title:元素的额外信息
class：元素的类名
style：元素的行类css样式

总结

HTML在前端工作中属于基础中的基础，想要掌握好html只有通过多多练习，代码只有多敲才能够记得住。

本文《菜鸟教程：零基础HTML入门》版权归Yilingshu所有，引用菜鸟教程：零基础HTML入门需遵循CC 4.0 BY-SA版权协议。