HTML标签(上)

    xiaoxiao2025-02-14  54

    前端三把斧之一:HTML

    HTML是⽹⻚内容的载体,创建html文档来创建网页。内容就是⽹⻚制作者放在⻚⾯上想要让⽤户浏览的信息,可以包含⽂字、图⽚、视频等。 HTML是一种超文本标记语言,它具有标记标签的集合,通常成对出现比如<html> </html>,开始标签(起始标签)和结束标签(闭合标签),标签不区分大小写,但是建议小写,HTML基本结构:

    <html> <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <body> 这里面是网页的主要内容,字体大小、颜色之类的 </body> </html> HTML文档类型 它不是 HTML 标签,它为浏览器提供⼀项信息(声明),即 HTML 是⽤什么版本编写的。必须放在HTML⽂档的第⼀⾏ 声明不是HTML标签,例如HTML5 <!DOCTYPE html>HTML乱码解决 当⽹⻚出现乱码时,在<head></head>标签之间添加: <meta charset="utf-8">

    一、HTML文本标签

    1、 段落标签 <p></p>

    浏览器会⾃动地在段落的前后添加空⾏。(

    是块级元素)不要忘记结束标签

    无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时,浏览器会移除源代码中多余的空格和空行。HTML 代码中的所有连续的空行、空格、换行都会被显示为⼀个空格。该标签字体大小是默认一致的,可以完成你想要的段落形式,比如换行

    2、 标题标签

    标题是通过<h1> - <h6>等标签进⾏定义的,由大到小因为是块级元素,所以HTML会自动地在标题元素、段落元素的前后添加一个额外的空行,比如前面说到的段落标签:<p></p>、该处提到的标题标签<h6></h6>,仅仅把标题标签⽤于标题⽂本。想要产⽣粗体⽂本使⽤其它标签或 CSS 代替.

    3、 强调标签

    在浏览器中<em>默认⽤斜体表示,<strong> ⽤粗体表示。两个标签相⽐,⽬前国内前端程序员更喜欢使⽤<strong>表示强调

    <em>强调标签</em> <p><strong>较强烈的标签</strong></p>

    <em>、<strong>、<span>的区别: 1.<em>和<strong>标签是为了强调⼀段话中的关键字时使⽤,它们的语义是强调。 2. <span>标签是没有语义的,它的作⽤就是为了设置单独的样式⽤的,把⼀段话圈起来,然后⽤css设置样式。

    4 、引用标签

    短文本的引用,会加双引号:<q></q>,一般不使用长文本的引用,形成缩进样式:<blockquoto></blockquoto>

    5 、换行标签和分割线标签

    一般情况下写俩个标签的前者

    换行标签:<br/> 和<br>分割线标签:<hr/> 和<hr>这俩个都是⼀个空标签,只有⼀个开始标签,没有结束标签。

    6 特殊字符

    ®;已注册© ;版权&trade;商标 ;空格

    7、其他标签

    地址标签:<address>地址信息</address>,字体自动斜体code标签:一行代码时:<code>代码语言 </code>,多行代码时:<pre>代码语言 </pre>,原样输出,如果用以前的方法,回车需要输⼊<br>签,空格需要输⼊   <pre>标签的主要作用:预格式化的⽂本。段落缩进:<blockquoto> 文本</blockquoto>,一般不用q标签滚动标签:<marquee behavior= "alternate" loop="3" bgcolor="hotpink" scrollamount="50" direction="right"> 今天 </marquee> ; behavior:滚动方式,有三种,scroll:交替滚动,一直从同方向滚动;alternate:来回滚动;slide:滚到一边结束,只有一次loop:滚动次数direction:方向,left,由右向左默认方式;right,由左向右scrollamount:滚动的速度,赋整数值bgcolor:背景颜色 上下标签:H20  H<sub>2</sub>0,下标 X^2  x<sup>2</sup>,上标原样输出:<pre></pre>,将内容原样输出span标签:超文本标记语言的行内标签
    最新回复(0)