zoukankan      html  css  js  c++  java
  • HTML学习(一)标签初识

    HTML,即超文本标记语言(Hypertext Markup Language)。标签是HTML的基础。

    一、基本标签

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>标题,显示在标签页</title>
    </head>
    
    <body>
    具体的网页内容
    </body>
    
    </html>
    • <!DOCTYPE html> —— 文档类型说明(doctypes)。告诉浏览器这是一个HTML页面,防止浏览器使用其他方式进行解析。
    • <html></html> —— <html> 元素。包含了整个页面的内容,有时也被称作根元素。
    • <head></head> ——<head> 元素。包含了所有和你页面相关的信息(页面描述、关键字、CSS样式表、字符编码声明等),但是不会被用户所看到。
    • <body></body> —— <body> 元素。这个元素包含了你想被用户看到的内容,不管是文本,图像,视频,游戏,可播放的音轨或是其他内容。
    • <meta charset="utf-8"> —— 这个元素指定了你的文档需要使用的字符编码,像 UTF-8 ,它包括了非常多人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容。我们没有任何理由不去设定字符编码,而且也可以避免以后可能出现的问题。
    • <title></title> —— 这个元素设置了页面的标题,标题显示在浏览器标签页上,而且在你将网页添加到收藏夹或喜爱中时将作为默认名称。

     二、文本显示标签

    (一)标题和段落

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>标题,将会显示在标签页的顶部</title>
    </head>
    
    <body>
    
    <h1> 这是h1的大小 </h1>
    <h2> 这是h2的大小 </h2>
    <h3> 这是h3的大小 </h3>
    <h4> 这是h4的大小 </h4>
    <h5> 这是h5的大小 </h5>
    <h6> 这是h6的大小 </h6>
    <hr>
    <!-- hr用来插入一条水平线-->
    
    <p>
        春有百花秋有月
        夏有凉风冬有雪
    </p>
    
    <p>
        春有百花秋有月<br>夏有凉风冬有雪
    </p>
    
    </body>
    </html>
    • <h1> 与 </h1> 之间的文本被显示为标题。不要仅仅是为了生成粗体或大号的文本而使用标题,因为搜索引擎使用标题为网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
    • <p> 与 </p> 之间的文本被显示为段落。无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果,所有连续的空格或空行都会被算作一个空格。如果希望在不产生一个新段落的情况下进行换行,请使用 <br> 标签。
    • <hr> 标签在 HTML 页面中创建水平线。
    • <!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。

    (二)文本格式化

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>标题</title>
    </head>
    
    <body>
    
    <p>
        <b><abbr title="作者:慧开禅师">春有百花秋有月</abbr></b><br><i>夏有凉风冬有雪</i>
    </p>
    
    </body>
    </html>

    标签<b></b>实现对文字的加粗,bold。

    标签<em></em>实现强调文字,emphasized。

    标签<strong></strong>实现对重要文本加重语气,strong。

    标签<i></i>实现文字的斜体显示,italic。

    标签<del></del>让在其中间的文字加上一条删除线。

    标签<ins></ins>让在其中的文字加上一条下划线。

    标签<pre></pre> 可定义预格式化的文本,按照标签内文本现有的格式进行显示(显示其中的换行和空格,与<p>不同)。

    标签 <abbr tittle="缩写的具体内容"></abbr> 用来展示缩写文字的具体内容,鼠标移动到对应文字上面会进行显示。

    三、图片

    图像由<img> 标签定义。

    <img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

    要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

    四、链接

    HTML使用标签 <a>来设置超文本链接。

    超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

    当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

    在标签<a> 中使用了href属性来描述链接的地址。

  • 相关阅读:
    TRIGGERS_监测系统_多表视图触发器—向原始数据报表中插入数据
    PROCEDURE_监测系统_原始数据报表数据生成存储过程—求每天平均值插入多表视图
    PROCEDURE_监测系统_数据备份存储过程—备份原始数据,每十分钟一条,取平均值
    TRIGGERS_监测系统_原始数据表触发器—调用告警信息存储过程
    PROCEDURE_监测系统_告警信息存储过程—产生告警信息插入告警表
    秒(s) 毫秒(ms) 微秒(μs) 纳秒(ns) 皮秒(ps)及Java获得 .
    new String(byte[])和byte[]toString() 的区别
    Java 线程池 .
    加载配置文件的方式
    Spring的PropertyPlaceholderConfigurer应用
  • 原文地址:https://www.cnblogs.com/cnstalker/p/5585019.html
Copyright © 2011-2022 走看看