zoukankan      html  css  js  c++  java
  • HTML标记基础

    浏览器唯一能识别的是HTML,HTML是结构化标记语言,它用于给网页中的文字、图片、音频和视频打上标记,目前HTML共有114个标签,但按照80/20原则,使用其中25个左右即能满足我们日常工作需要。

    标签方式

    有两种方法用于给内容打标签,根据包含的内容是不是文本,标记分闭合标签和非闭合标签

    文本用闭合标签

    <标签名 属性1="属性值" 属性2="属性值">文本内容</标签名>

    标题、段落等文本元素必须使用闭合标签,即必须有开标签和闭标签

    引用内容使用闭合标签

    <标签名 属性1="属性值" 属性2="属性值"/>

    非文本内容是通过自闭合标签显示的。

    闭合标签和非闭合标签的区别:闭合标签包含的内容是会显示的实际内容,而非闭合标签包含的是一个引用。不是直接显示的内容,需要浏览器做额外的操作

    <img src="pic/android-arrow-back.png" alt="this is a pic"/>

    上面的标记了一张图片,使用的自闭合标记,当浏览器加载时,它需要额外的寻找位于pic/android-arrow-back.png图片

    属性

    属性提供了关于标签的额外信息,一半用于控制文本内容或者说明引用内容的来源等,比如

    <img src="pic/android-arrow-back.png" alt="this is a pic"/>

    属性src 说明了图片的来源,alt用于图片不能正常加载时,显示的内容,每个HTML标签都可以添加属性,而class和id属性几乎可以添加到任何标签上

  • 相关阅读:
    前端笔记-jquery
    git的使用
    前端笔记-bom
    微信小程序没找到构建npm或者没找到node_modules目录
    微信小程序判断 wx:if wx:else
    微信小程序提示云函数部署不成功
    cmd如何进入文件夹
    微信小程序view居中
    vue页面跳转兄弟组件传值
    vue全局变量apiurl
  • 原文地址:https://www.cnblogs.com/tao-zi/p/4302898.html
Copyright © 2011-2022 走看看