欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 高考 > HTML|01HTML初识

HTML|01HTML初识

2024/10/25 10:21:47 来源:https://blog.csdn.net/Catherinemin/article/details/139660535  浏览:    关键词:HTML|01HTML初识

HTML初识

1.html标签:所有html中标签的一个根节点
2.head标签:用于存放:title,meta,base,style,script,link
3.title标签:显示网站标题
4.body标签:显示主体

HTML骨架语法

<html> <head>  <title></title></head><body>  </body>
</html>

HTML标签分类

分为两种:1.双标签<body> </body><body>:标签开始部分</body>:标签结束部分/ 关闭符号2.单标签<br />

网页组成元素:文字、图片、链接、音频。。。

我们需要用代码来表达这些元素

代码标签
图片标签

换行,单标签

HTML标签关系

分为两种:
1.嵌套关系
<head> <title> </title> </head>
2.并列关系

<html> <head>  <title></title></head><body>  </body>
</html>
head标签和body标签属于并列关系

开发工具

Dreamweaver
sublime
webstorm
HBuilder
VS code

sublime使用技巧

html:5
!

之后按tab键

看代码

<!DOCTYPE html>
<html lang='en'><head><meta charset="utf-8"><title></title></head><body></body>
</html>
文档类型:<!DOCTYPE html>是html5
字符集:<meta charset="utf-8"> charset是字符集,告诉文档使用的是utf-8字符集常用的字符集:gb2321:简单中文,包含6763个汉字BIG5:繁体中文,港澳台等用GBK:包含全部中文字符,是GB2321的扩展,加入对繁体字的支持,兼容GB2312UTF-8:包含全世界所有国家需要用到的字符(统统使用utf-8,就不会出现乱码了)

HTML标签的语义化

语义化就是:标签的含义

第一行html代码

<html> <head>  <title>我的第一个网站</title></head><body>  我终于制作了自己的第一个页面!!</body>
</html>

在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com