zoukankan      html  css  js  c++  java
  • 第六课 Html5常用标签 html5学习1

    HTML标签的认识
    一、标签的分类
    1、双标签 如<html> </html>
    2、单标签 如<br > 换行标签

    二、标签的关系
    1、嵌套关系
    如<head> 与title 父子关系
    <head><title></title></head>
    2、并列关系
    如<head>与<body> 兄弟关系

    三、排版标签
    1、标题标签 h1-h6 h1比较重要,一般用作网站的logo
    2、段落标签 p
    3、水平线标签 <hr /> 单标签
    4、换行标签<br />
    5、div span 标签 网页布局标亲 盒子

    四、文本格式化标签
    1、文本加粗标签
    <b>不推荐使用的加粗标签</b>
    <strong>推荐使用的加粗标签</strong>
    2、文本倾斜标签
    <i>不推荐使用的倾斜标签</i>
    <em>推荐使用的倾斜标签</em>
    3、文本删除线标签
    <s>不推荐使用的删除线标签</s>
    <del>推荐使用的删除线标签</del>
    4、下划线标签
    <u>不推荐使用的下划线标签</u>
    <ins>推荐使用下划线标签</ins>

    五、标签属性

    六、图像标签
    <img /> 单标签

    属性:src 图片路径
    alt 替换文字 图片无法显示时显示的文字
    title 鼠标放在图片上时显示的文字

    七、链接标签
    <a href="链接路径"></a>

    八、锚点定位
    适用于较长的页面,我们可以点击某个关键词,从而迅速到达页面的这个位置
    1、使用"<a href="#id名">链接文本</a>" 创建链接文本
    2、使用相应的id名标注跳转目标位置

    九、base 标签 单标签 base可以设置整体链接的打开状态

    例:<base target="_blank" /> 链接开启新窗口
    <base target="_self" /> 链接不开启新窗口

    十、特殊字符标签 如:空格->&nbsp;等 百度查看更多

    十一、注释标签

    <!--这是注释-->
    注释快捷键: 单行注释 ctrl+/ 多行注释 ctrl+shift +/

  • 相关阅读:
    js问题记录
    css问题记录
    vscode配置java+gradle开发环境
    js插件
    nginx笔记
    vue刷新当前路由
    koa踩坑记录
    react踩坑笔记
    ts踩坑笔记
    vue源码阅读笔记
  • 原文地址:https://www.cnblogs.com/Liuxingtao/p/10381857.html
Copyright © 2011-2022 走看看