美文网首页我爱编程
HTML中常用标签

HTML中常用标签

作者: Scalelength | 来源:发表于2018-05-24 10:49 被阅读0次

HTML:是网页内容的载体,可以存放信息、图片、链接、视频等内容。

CSS:是网页的表现样式,在我看来是给HTML里的各种标签设置样式,使得网页更美观。

以下为HTML<body>体中常用的标签及其方法

一、HTML主要分为三部分:1、<html></html>;2、<head></head>;3、<body></body>;

        4、<!--注释信息-->(html中的)或/*需要注释的文本*/(css中的)代码注释段,不会再网页中显示。相对来说比较独立,笔者认为放到此处比较合适

1、其组成样式为此

<html>

    <head></head>

    <body></body>

</html>

2、<head></head>;
    (1)<title></title>标题栏中的信息,用来判断网页的主题,每个网页应有一个独一无二的title
    (2)<meta charset="utf-8">
            charset="utf-8"设置编码       
    (3)<style type="text/css"></style>设置样式
    (4)<script type="text/javascript"></script>java脚本

3、<body></body>;

(1)<hx></hx>标题标签,x为1—6

分别对应一级标题...六级标题字体由大到小

 (2)<p></p>段落标签

(3)<em><em> 强调可认为是斜体字样

(4)<strong><strong>强调可认为是加粗

(5)<span></span>设置单独样式,与结合使用eg:

    <style>

     span{

    color: blue

    }

    </style>

此时span中的字体便会变为蓝色,当然<style></style>是放在<head>中

(6)<q>文本文本</q>引用作家的诗句,这是双引号。(7)<blockquote>文本文本</blockquote> 缩进样式呈现文本

(8)<br>换行标签,用此单标签换行

(9)&nbsp  空格 显示空格,每输入一个则表示一个空格(10)<hr>分隔符标签,网页显示时该标签会化为一跳分隔符,用来分割网页、文章

(11)<address>文本文本</address>默认样式为斜体,后期可用css样式修改,一般添加地址

(12)<code>单行代码段</code>代码单行代码标签

(13)<pre>代码</pre>多行代码标签

(14)<ul>无序列表
                <li></li>列表项
        </ul>以点的形式开头,并标齐

(15)<ol>有序列表
                <li></li>列表项
      </ol>以序号的形式开头,并标齐

(16)<div></div>分块标签
<div id=""><div>
id属性用于标记该div,为此div的唯一标识,为以后再css中设置样式提供方便

(17)<table>表格标签
                <tr>行属性
                    <th></th>表头标签,一般放在第一行
                    <th></th>可以放制多行
                </tr>
                <tr>
                    <td></td>表格标签
                    <td></td>放可以设制多行
                </tr>
    </table>
<table summary="表格简介文本">
<caption>表格摘要</caption>

(18)<a href="目标网址" title="鼠标停留时显示的文本" target="_blank">链接显示的文本(一般放目标网址)</a>标签
(1)href:"mailto:邮箱地址"自动调用邮箱程序,并自动填上收件人的地址
(2)href:"mailto:邮箱地址?cc=地址"以上加填写抄送地址
(3)href:"mailto:邮箱地址?bcc=地址"(1)加填上密件抄送地址
(4)href:"mailto:邮箱地址?subject=发送电子邮箱"添加邮件主题
(5)href:"mailto:邮箱地址?body=邮件内容"为邮件添加内容
第一个参数必须用?分割
若mailto后有多个属性,则用&分割
href:"mailto:邮箱地址?subject="主题"&body="内容"

(19)<img src="图片地址" alt="下载失败时替换的文本" title="提示文本">
图像可为GIF、png、JPEG格式,
src:指定图片的源
alt:当下载不成功时显示的文字
title:鼠标停留时显示的文字

2018年5月23日08:22:25

相关文章

  • 常用HTML标签和属性

    HTML:超文本都是由标记(标签)组成的属性:作用是修饰元素(标签) HTML必用标签 body中常用的HTML标...

  • Day02笔记

    一、HTML常用标签 1、body标签: 用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文...

  • HTML中常用标签

    HTML:是网页内容的载体,可以存放信息、图片、链接、视频等内容。 CSS:是网页的表现样式,在我看来是给HTML...

  • html: body内常用标签

    body内常用标签 1. img标签 2. a标签 超链接标签。所谓的超链接是指从一个网页指向一个目标的连接关系,...

  • 2018-10-29 Day01-html基础

    00-html基础认识 01-html标签 02-body_文本标签 03-body_列表标签 04-body_图...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • ## HTML基础-认识HTML

    ## HTML基础-认识HTML # head标签 # title标签 # body标签 # meta标签(字符集...

  • HTML基础(一)

    1.标签 title标签用来定义浏览器中html的标题名称 --->用来定义html body中的文本内容...

  • Html学习笔记总结

    做做笔记,防遗忘。 常见标签 html基本标签 文件标签:html、head、body排版标签:br、p、hr、《...

  • HTML标签

    目录 HTML常用标签 关于标签问题及使用 HTML常用标签 创建一个HTML文档 设置文档标题和其它在网页中...

网友评论

    本文标题:HTML中常用标签

    本文链接:https://www.haomeiwen.com/subject/wjrjjftx.html