HTML
超文本标记语言或超文本链接标示语言(标准通用标记语言下的一个应用)HTML(HyperText Mark-up Language)是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。
就我自己的理解来说,就是一种写网页代码的语言。
web前端
Web前端是计算机科学开发的核心和领域,它主要针对编码和构建可见的东西,也就是用户进行交互的界面,集中在Web应用程序或网站中。它还包括移动应用程序的开发,负责创建这些类型的应用程序的布局或架构的人员是前端开发人员。
在我看来,web前端就是前端网络编程,也被认为是用户端编程,是为了网页或者网页应用,而编写HTML,CSS以及JS代码,所以用户能够看到并且和这些页面进行交流。
常用标签
标题标签<h1>-<h6>
- 双标签
- 标签语义:作为标题使用,并且重要性递减
- 特点:加了标题标签的文字字体变粗、字号变大、独占一行
段落标签<p>
- 双标签
- 标签语义:把文字内容分割为若干段落,有条理地显示
- 特点:文本在一个段落中会根据浏览器窗口大小自动换行、段落与段落之间保有空隙
- 在HTML中不管多少空格、回车都只显示一个
换行标签<br />
- 单标签
- 标签语义:强制换行
- 特点:换行标签只是开始新的一行,跟段落不一样,段落之间会插入一些垂直距离
<div>
和<span>
标签
- 双标签
<div>
和<span>
是没有语义的,他们是一个盒子,用于布局、装内容<div>
类似一个大盒子,单独占一行<span>
类似一个小盒子,一行上可有多个<span>
标签
文本格式化标签
- 双标签
- 标签语义:突出重要性,为文字设置粗体、斜线、下划线等效果
语义 | 标签 |
---|---|
加粗 | <strong></strong> 或者<b></b> |
倾斜 | 或者 |
删除线 | <del></del> 或者<s></s> |
下划线 | <ins></ins> 或者<u></u> |
图像标签<img />
- 单标签,一行可放多个
- 用于定义HTML页面中的图像
- src是
<img>
标签的必须属性(属于该标签的特性),用于指定图像文件的路径和文件名
超链接标签<a>
- 双标签
- a为anchor缩写,意为锚 用于定义超链接,作用是从一个页面跳转到另一个页面
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签,注释以"<!--"开头,以"-->"结束。