认识HTML以及常用标签

65 阅读2分钟

HTML,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

web标准 1、结构标准:相当于人的骨架。html就是用来制作网页的。

  2、表现标准: 相当于人的衣服。css就是对网页进行美化的。

  3、行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的。

HTML代码可以用Brackets、WebStorm、vscode、Sublime Text、HBuilder 、EditPlus等开发工具来编写.

vscode优势: 1.轻量级

vscode是一款轻量级的编辑器,安装包小,且启动速度快,可以提高用户体验。

2.插件丰富

vscode拥有丰富的插件系统,可以编辑HTML、CSS、JS、TS、Vue、React等前端代码和JAVA、Python等后端代码。

3.具有代码跟踪功能

vscode可以对代码进行标注,可以查看更改了那些文件,文件中修改了第几行的代码等。

常用基本标签 1.标题标签hn(h1——h6) 2.字体标签(font) 3.段落标签(p) 主要用于将一段内容包裹起来,便于后期的统一设置,p标签本身没有效果,标签内的内容与标签外的内容空一行(自动换行) 4.换行标签(br) < br/ >换行标签,中间不空行 5.水平线标签(hr) < hr/ > 6.图片标签(img) < img src=”图片地址” width=”宽度” height=”高度” / > 7.背景音乐(audio) < audio src=”音乐” autoplay=“autoplay” loop=”loop”/ > 8.视频(video) 在H5之前大多数视频使用flash插件实现的,但flash插件加载速度较慢,在H5之后专门提供了一个视频的标签; 9.超链接标签(a) 用法1:超链接:主要用于将多个页面关联到一起,使用超链接可以直接访问另一个页面; 通过base标签统一设置页面超链接的显示目标< base target="_blank" / > 用法2:用于锚记页面中的某个位置或其他页面中的某个位置 10.列表标签 (1)有序列表 < ol > < li >列表项< /li > < /ol > (2)无序列表 (1) 自定义列表 dl:外围标签 dt:列表的标题标签 dd:设置列表的具体列表项 11.marquee标签 12.文本设置标签

< b >< /b >字体加粗

< i >< /i >设置斜体

< u >< /u >设置文本下划线

< s >< /s >在文本上设置一个删除线

13.其他基本标签

2< sup >n< /sup >:设置上标

log< sub>10< /sub>10:设置下标