前端从HTML开始

在学习一门编程语言之前,了解它的特性,带着对特性的好奇和疑问去学习是最快最好的学习方法。就像你知道某个地方有很多宝藏,带着藏宝图去寻找宝藏,你一定会大有收获的。

1.HTML究竟是什么?
HTML的英文全称是 Hyper Text Marked Language,中文意思为超文本标记语言。
2.HTML用在哪些地方?
除了网页,各种动画、音频、视频、图像等炫酷的东西都可以做。还有各种小程序、小游戏以及App的开发应用数不胜数

HTML标准的文档结构

1.<!DOCTYPE html>
文档的说明 : 告诉浏览器 当前文档使用标准 HTML标准中的HTML5标准

2.lang=“en” 并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english
中文 ch 德语 de

3.<html></html> 在这里插入代码片,根标签,里面的文本描述网页
<head></head> 头部标签
<body></body> 身体标签,里面的内容显示页面内容
<h1></h1>之间的文本被显示为标题
<p></p> 之间的文本被显示为段落

<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

4.头部标签head里面
<meta charset="UTF-8"> 代表的是字符集
<title> 网页的标题
<link> 定义了一个文档和外部资源之间的关系
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件
<base>定义了页面链接标签的默认链接地 址

语义化

1.什么是语义化标签
每一个元素都有自己的含义

a:超链接

<a href="http://www.baidu.com.cn">This is a link</a>

p:段落
h:标题

为什么要用语义化

  1. 语义化有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。
  2. 在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
  3. 便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
  4. 支持多终端设备的浏览器渲染

参考:百度百科HTML

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值