菜鸟教程:零基础HTML入门

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.列表
无序列表代码:
在这里插入图片描述
浏览器显示:
在这里插入图片描述
有序列表代码:
在这里插入图片描述
浏览器显示:
在这里插入图片描述

  • 标签定义无序列表
    1. 标签定义有序列表
    2. 标签定义列表项目

三、属性

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

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

总结

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

  • 18
    点赞
  • 143
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值