HTML-基本标签

197 阅读2分钟

HTML语法规范

  • html 标签是由尖括号包围的关键词
  • html 标签通常是成对出现的,我们称之为双标签。标签中第一个为开始标签,第二个为结束标签。
  • 有些特殊的标签必须是单个标签,我们称之为单表签。

标签的关系

包含关系

<html>
    <title></title>
</html>

并列关系

<head></head>
<body></body>

html的基本结构

<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

标签

1、<!DOCTYPE HTML>
2、lang语言种类
    <html lang="en">
    en英语   zh-CN中文
 3、字符集
     <meta charset="UTF-8">
     如果不写可能出现乱码情况
 4、标题标签
     <h1></h1>
     <h2></h2>
     <h3></h3>
     <h4></h4>
     <h5></h5>
     <h6></h6>
5、段落标签和换行标签
    段落标签<p></p>
        文本在一个段落中会根据浏览器窗口大小自动换行
        段落和段落之间保有空隙
    换行标签<br/>  break的缩写
        只是简单的另起一行,跟段落不一样,段落之间会插入一些垂直的距离
 6、文本格式化标签
     <strong>加粗</strong>  或者 <b></b>
     <em>倾斜</em>   或者  <i></i>
     <del>删除</del> 或者  <s></s>
     <ins>下划<ins>  或者  <u></u>
 7、<div><span>标签
     没有语义,只是一个盒子用来放东西
     <div>一个人单独站一行</div>
     <span>一行可以放很多个</span>
 8、图像标签
     <img src="图像的url "/>
     属性
         src是图像的必须属性,指定图片
         alt 替换文本,图像不能显示的时候现实的文本
         title 提示文本,鼠标放到图像上,显示的文字
         width 设置图像的宽度
         height 设置图像的高度
         border 设置图像边框粗细 
         
         <img src=" "  slt=" "/>
         
     路径
         目录文件夹:普通文件夹,存放了我们做页面所需的相关素材
         根目录:打开目标文件夹的第一层称之为根目录
         
         相对路径
             同一级路径
             下一级路径
             上一级路径  ../
         绝对路径
             本地绝对路径
             网络上的绝对路径

9、超链接
    <a href="跳转目标“ target="目标窗口的弹出方式">文本或者图像</a> 
    属性
        href
        target
            _blank新的窗口打开   _self当前窗口打开
     分类
         外部链接
         <a href="http://www.qq.com" target="_blank"> 腾讯 </a>
         内部链接:网站内部页面之间的相互链接
         <a href="gongsijianjie.html" target="_blank">公司简介</a>
         空链接:#
         <a href="#">公司地址</a>
         下载链接:地址链接是文件.exe  或者是 .zip
         <a href="img.zip">下载文件</a>
         网页元素链接:在网页中各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接
         <a href="http://www.baidu.com><img src="img.jpg"/></a>
         锚点链接
         <a href="#名字">返回顶部</a>
         <h3 id="名字">
10、注释标签和特殊字符
    <!--注释标签   -->
    &nbsp  空格
    &lt    小于号
    &gt    大于号