HTML基础教程

目录

1 什么是HTML

2 入门实例

3 网页基本标签

3.1 标题

3.2 段落标签

3.3 换行标签

3.4 水平线标签

3.5 字体样式标签

3.6 特殊符号

1 什么是HTML

        HTML是一种用来描述网页的一种语言。HTML是一种在Web上使用的通用标记语言。HTML允许你格式化文本,添加图片、创建链接、输入表格,并将其读取文本文件,浏览器读取和显示。

  • HTML指的是超文本标记语言:HyperText Markup Language
  • HTML不是一种编程语言,而是一种标记语言。
  • 标记语言是一种标记标签
  • HTML使用标记标签来描述网页
  • HTML文档包含了HTML标签和文本内容
  • HTML文档也叫做web页面。

2 入门实例

新建一个html文件。








    
    
    

    我的第一个网页




hello,world

经过浏览器,网页翻译如下:

HTML基础教程_第1张图片

 可以发现:

  •         body体的内容能够直接在网页上显示
  •         html文件在浏览器里用开发者工具打开之后能够全部显示出来。

3 网页基本标签

3.1 标题

HTML标题是通过

~

标签来定义的。




    
    基本标签



一级标签

二级标签

三级标签

四级标签

五级标签
六级标签

浏览器翻译如下: 

HTML基础教程_第2张图片 

3.2 段落标签

HTML 段落是通过标签

来定义的




    
    基本标签




两只老虎,跑得快,跑得快

一直没有尾巴

一只没有耳朵

真奇怪

真奇怪

浏览器翻译如下 :

HTML基础教程_第3张图片

3.3 换行标签

换行标签通常用
表示




    
    基本标签




两只老虎
跑的快
真的跑的快

浏览器翻译如下:

HTML基础教程_第4张图片 注意:大家可以发现换行标签和段落标签都可以实现换行的效果。但是换行标签的间距是小于段落标签的间距的。

3.4 水平线标签

水平线标签用


表示




    
    基本标签















浏览器翻译如下

HTML基础教程_第5张图片

3.5 字体样式标签

粗体:
斜体:

或者

粗体:
斜体:




    
    基本标签



粗体: i love you
斜体:i love you

粗体:i love you 斜体: i love you

HTML基础教程_第6张图片 

3.6 特殊符号




    
    基本标签



空格:    空格到这了

大于号:5>4
小于号:5<9
版权符号:©版权所有liubujun

浏览器翻译如下: 

HTML基础教程_第7张图片

注意:特殊符号必须是以&开头;结尾 

 

你可能感兴趣的:(HTML,html,python,前端)