【html学习整理】常用标签

时间:2021-11-12 13:04:53
  • 什么是html

超文本标记语言

  • html语法规则

        所有的命令放到<>

    大部分成对存在,以<tag>开始,</tag>结束

  • 网页的基本框架,常用的标记  
    <html> 页面开始
    <head> 头
    <body> 主体
 
    <p>标签 。 段落
    <br>换行 不成对
    <hr>水平线
    <b> 粗体
    <i>斜体
    <u>下划线
    <sup>上标
    <sub>下标
    <strong> 加粗强调
    <em>倾斜强调
  • 标记的分类

    容器标记:成对出现的标记。

    空标记:不成对出现的标记。br hr 单标记   

  • 标记的属性

    每个标记就是一个对象,对象是有属性的,一个对象有多个属性,属性和属性之间是没有顺序的。

    语法结构:<标记 属性=“”  属性=“”>

    颜色以 # 开头

  • 滚动文字设置

    marquee 标签

    width 宽度

    direction 方向

    scrollamount 滚动数量

    onmouseover = stop() 鼠标移上去停止

    onmouseout = start() 鼠标离开继续滚动

  • 内部链接和路径

    链接的标签是 <a></a>

    路径:绝对路径 (完整的地址), 相对路径(以自身文件为准)

    路径的上一级: ../ 代表上一级目录 ./代表当前目录
  • 外部链接

    链接到其它网站上的链接。

    target = blank 在新的窗口中打开

    链接地址要写全
  • 空链接

    有超链接的样子,无法点击跳转

  • 下载链接

    <a href=""></a> 链接的文件浏览器无法打开就会出现自动下载

  • 锚链接

    设置a标签id, id是元素的唯一标号,不可以重复

    <a id="12"></a> adddddd

    <a href="#12">dddd</a>
  • 六级标题

    h1-h6

  • 列表
    有序列表 ol
    <ol type="" start=""> start从第几个开始
      <li></li>
    </ol>
    无序列表
    <ul></ul>
    类别a 。 是英文字母 。 start=4 。 从第四个英文字母开始
    每一项是个li
 
    无序列表 ul
    circle 空圈 dise圆点 square 小方格
 
    自定义列表 dl
    <dl>
      <dt>海淀</dt>
        <dd>中关村</dd>
      <dt>朝阳</dt>
        <dd>惠新西街</dd>
      <dt>昌平</dt>
        <dd>母鸡</dd>
    </dl>