自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:主页 > 前端开发 > HTML|CSS代码 >

标签及标签属性

作者:灰牛站长•发布时间:2021-07-12 01:05:42•浏览

HTML:超文本标记语言,是使用标记标签来描述网页的一种语言,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分;

css层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的的计算机语言。css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化;

JS:是一种轻量级的编程语言

HTML简介

HTML是用来描述网页的一种语言/HTML指的是超文本标记语言

HTML不是一种编程语言,而是一种标记语言(markup language)纯文本;纯文本就是指页面内可以包含图片、链接,甚至是音乐程序等非文字元素;标记语言是一套标记标签,我们用这些标签来进行文本的标记,用来描述网页

HTML文档包含HTML标签和纯文本

超文本标记语言是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分,正因为有规则,浏览器才知道怎样去解读你的文件但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。兼容问题

html中我们用标签来进行标记,HTML标记标签通常被称为HTML标签( HTML tag)

[标签语法]

由成对的尖括号和标签名组成,例如<p></p>

HML通常是成对出现的,第一个是开始标签,第二个是结束标签,例如<div></div>

标签分闭合和空标签①闭合标签由开始标签和结束标签组成,标签之间可以放内容,可以进行标签之间的嵌套②空标签:没有内容的html元素被称为空元素。空元素是在开始标签中关闭的,例如标签br

标签一般小写,闭合标签一定要有结束标签,空标签没有结束标签,不要手动去添加闭合标签

HTML标签属性

  • HTM标签可以拥有属性,属性提供了有关HTML元素的更多的信息
  • 属性总是以属性名/属性值的形式出现,多个属性名属性值之间用空格隔开;比如:name="value"
  • 属性总是在HML元素的开始标签中,标签名后面的内容

例如<img src="http://www.dhnblog.com/images/gravatar.jpg" alt="大灰牛博客" title="大灰牛博客">

  • src=""放图片的路径地址;
  • alt=″″图片路径加载失败或者图片丢失时,图片的描述说明文字内容;
  • title=″″鼠标移动到图片上的文字描述说明内容;

<a href="http://www.dhnblog.com/" target="_blank">This is a link</a>

href=""超链接要跳转的路径地址 href="JavaScript:;"禁止默认的链接跳转

target="_blank"在新窗口中打开;target="_self"在当前窗口中打开

相关文章

  • clear的值和特点及伪元素before和after的使用

    clear的值和特点及伪元素before和after的使用

    clear:both的特点 元素需是块级元素 元素不能带有浮动属性 元素必须放在最后一个浮动元素的后面 用户是看不到这个元素的 clearfix清浮动方法的属性 浮动元...
    2021-07-12 11.07.45
  • 列举background属性的8个属性值(面试题)

    列举background属性的8个属性值(面试题)

    CSS中background的属性值 background-color background-image background-repeat background-position background-attachment 复合属性:background:background-color background-image background -repeat b...
    2021-07-12 10.07.51
  • 盒子模型的计算公式及使用技巧

    盒子模型的计算公式及使用技巧

    css盒子模型padding和margin的区别 padding是内边距,会影响我们在浏览器中看到的元素的实际大小,内边距会让元素的内容增大,和其他元素没有关系! margin是外边...
    2021-07-12 09.07.41
  • css盒子模型之内边距padding及简写

    css盒子模型之内边距padding及简写

    如上图,padding值是复合属性按照顺时针(上右下做)顺序,其中padding的内边距影响盒子大小的实际宽高 !DOCTYPE htmlhtmlheadmeta charset="utf-8"title/titlestyle type="text/cs...
    2021-07-12 09.07.30
  • 可以继承和不可以继承样式属性

    可以继承和不可以继承样式属性

    无继承性的属性 display:规定元素应该生成的框的类型 文本属性 vertical-align:垂直文本对齐text-decoration:规定添加文本的装饰text-shadow:文本阴影效果white-sp...
    2021-07-12 09.07.04

手机端