美文网首页让前端飞
网页设计:HTML常用的五种标签

网页设计:HTML常用的五种标签

作者: 前小小 | 来源:发表于2020-12-03 21:24 被阅读0次
  • div标签
  • p标签
  • span标签
  • a标签
  • img标签

html:超级文本标记语言

1,div标签:

是在html中布局使用最多的标签,<div>本身没有什么特别之处,只是<div>标签替代了以前<table>标签布局。
<div> 是一个块级元素,它的内容会自动地开始一个新行。

div标签作用:起分割作用,是分割内容常使用的标签

例:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <div>第一个div</div>
    <div>第二个div</div>
    <div>第三个div</div>
</body>
</html>

div常用属性:

  • color:颜色
  • font-size: 文字大小
  • text-align:对其方式
    right 右对齐
    left 左对齐
    center 居中对齐
  • font-family : 文字字型
  • letter-spacing: 1pt 文字间距
  • line-height: 设定行高
  • font-weight:文字粗体

2,p标签:

<P>标签它是一个段落标签,会自行起一行段落,并且可以作为一个盒子来使用。可以单独定义它。

例:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
< p>我是段落标签< /p>
</body>
</html>

3,span标签:

span标签是超文本标记语言(HTML)的行内标签,被用来组合文档中的行内元素。span没有固定的格式表现。

span标签属性:

  • 标准属性
    id, class, title, style, dir, lang, xml:lang

  • 事件属性
    onclick, ondblclick, onmousedown, onmouseup, onmouseover,
    onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

例:

<p class="tip"><span>内容</span>... ... ...</p>

4,a标签(超链接标签):

超链接标签,用于在效果中定义一个可以点击跳转的链接

常用属性:

(1)href: 超链接跳转的路径 (必有属性);

  • 内网本机路径:相对路径和绝对路径
  • 互联网路径:http://地址

示例:

<a herf="http://www.baidu.com/">百度</a>
​
<a herf="demo html">demo</a>

(2) target:

该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词;

target可能的值:

  • blank
  • top
  • parent
  • self

(3) download:

此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件;

(4) rel:该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值;

5,img标签:

用于在页面效果中展示一张图片。

img标签常用属性:

  • src:指明图片的路径。(必有属性)
  • width:图片宽度
  • height:图片的高度
  • alt 属性

图片路径:

1)内网路径:

../表示上一层目录
./表示当前目录

2)互联网路径:

必须前面加上http://

相关文章

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • 03-HTML标签(二)

    一、HTML常用标签 1、排版标签 排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。 1...

  • HTML标签

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

  • HTML5基础知识

    一、HTML5结构以及常用标签 1、HTML5常用标签 (1)、声明文档类型 (2)网页字符集设置 网页相关的信息...

  • 端程序员入门所要学习的16个知识点

    1、HTML常用标签 语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用标签、超...

  • HTML常用标签

    1、HTML常用标签 语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用标签、超...

  • web前端入门必学的16个知识点,都来看一下吧

    1、HTML常用标签 语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用标签、超...

  • html笔记

    HTML 作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来。 html常用的标签 实体字符 a标签 无序...

  • 全部 html + 相关 css 汇总

    以下是常用html+相关css全部汇总: # 01html标签 ``` html标签 是组成网页的骨架 区域划分作...

  • 网页设计:HTML常用的五种标签

    div标签 p标签 span标签 a标签 img标签 html:超级文本标记语言 1,div标签: 是在html中...

网友评论

    本文标题:网页设计:HTML常用的五种标签

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