web前端入门-【常用文本标签】

换行标签

换行标签是一个单标签，在网页文字排版中实现换行的效果

<br/>

H标签

H标签可以使标题变大变粗，默认实现换行的效果；相对于正文而言，h1标签有着更大的行间距；除了h1标签还有h2、h3…h6 ;标题比正文有更高的权重。

<h1>一级标题</h1>

P标签

P标签包裹的文字，默认也具有换行的效果，当加入P标签后，前后会有大于正文的行间距作为段落之间的区隔；在P标签的内部，可以嵌套其他的标签

<p> P标签 </p>

pre标签

pre标签可以预定义格式化文本，被包裹在pre标签中的文本通常会保留空格和换行符，有行间距，默认前后换行

<pre> 预定义格式化文本 </pre>
<b> 加粗  </b>
<i> 倾斜  </i>
<u> 加入下划线 </u>

角标标签

<sup> 上角标标签  </sup>
<sub> 下角标标签  </sub>

水平分割线

hr标签是一个单标签，hr标签会直接贯穿形成一个分割线

<hr />

特殊字符

&nbsp   添加空格
&lt     小于号
&gt     大于号

img标签

img标签的title属性，当鼠标滑过图片时，就会在图片上显示title中的内容，alt属性只有在图片未正常加载时，才会显示
./表示当前文件所在路径

<img src=""  width="40%"  title="图片名称" alt="图片未正常加载"/>

网站图标

在制作网站标题的图标时，需要用到图标在线转换工具，为了实现该效果，我们一般在head标签下添加一个link单标签

<link rel="icon"  href="icon路径"

web前端入门-【常用文本标签】相关推荐

web前端入门学习 css（1）
黑马程序员Web前端入门教程,零基础前端视频教程pink老师_html5+css3 文章目录 html局限性 css简介(层叠样式表.级联样式表.css样式表) css语法规范 css代码样式风格(推 ...
web前端入门学习 html5（1）
web前端入门基础教程,最适合零基础前端小白的视频教程html5+css3 文章目录 html 浏览器内核 web标注语法规范 html基本结构标签 web常用开发工具 vscode基本使用文档类 ...
web前端入门指南：来看看这位大佬的学习之路吧！
开始他的表演第一章:为什么要学习前端开发?web前端开发是什么? 从事前端开发工作差不多3年了,自己也从一个什么都不懂的小白积累了一定的理论和实践经验.编写<Web前端入门指南>系列文章 ...
经验分享：Web前端入门要怎么开始学？
现在,几乎整个互联网行业都缺前端工程师,不仅是刚起步的创业公司,对上市公司乃至巨头这个问题也一样存在. 据统计,国外的前端开发人员和后端开发人员比例约1:1,但是在国内比例却在1:3以下,Web前端开 ...
黑马pink老师Web前端入门笔记（二）
Web前端入门二.HTML标签 (一) 学习目标 (二)HTML语法规范 (三) HTML基本结构标签 (四) 开发工具 (五) HTML常用标签 1.语义标签: 2.标题标签(重要): 3.段落和 ...
Web 前端入门(一)
Web 前端入门 1.前端技术栈 Html 内容 CSS 样式 Javascript 行为 HTTP协议要注意不同浏览器的区别 2.Html基础 1. !DOCTYPE标签告诉浏览器使用的规范一 ...
2020年Web 前端怎样入门？最新Web前端入门的学习路线
2022年最新Web前端入门的自学路线 > 新手入门前端,需要学习的基础内容有很多,如下. 一.HTML.CSS基础.JavaScript语法基础.学完基础后,可以仿照电商网站(例如京东.小米) ...
【css教程】web前端入门学习 css（1）
黑马程序员Web前端入门教程,零基础前端视频教程pink老师_html5+css3 文章目录 html局限性 css简介(层叠样式表.级联样式表.css样式表) css语法规范 css代码样式风格(推 ...
web前端入门必知的10个技术
随着HTML5的发展和普及,了解HTML5将成为Web开发人员的必修课.如何把网页做得更美观,对用户更有吸引力,不仅是企业对前端开发人员要求,更是一个合格的web前端工程师的自我修行.今天小编就跟大家 ...
Web前端入门学习（5）——浮动原理及清除浮动
浮动原理及清除浮动上节回顾在上节的<Web前端入门学习(4)-- 块级元素和行内元素之特征与转换>中(http://cherry360.blog.51cto.com/12176744/ ...