zoukankan      html  css  js  c++  java
  • 01html基础01

    1.1html基础介绍
    HTML(Hypertext Markup Language)即超文本标记语言
    特点:
    不需要编译,直接由浏览器执行
    HTML文件是一个文本文件
    必须用html或htm为文件后缀名
    大小写不敏感

    1.2HTML基础语法

    HTMl基本结构
    HTML标签
    HTML元素
    HTML属性
    注释

    <!DOCTYPE HTML>声明html

    网页编码设置
    <meta http=equiv="Content-Type" content="text/html;charset=utf-8"/>

    文字和段落标签
    标题标签:<h1></h1>~<h6></h6>
    段落标签:<p></p>
    aligh对齐属性值:left right center justify(对行进行伸展,每行都有相等的长度)
    换行标签:<br/>
    水平线:<hr/>
    文字斜体:<i></i>,<em></em>
    加粗:<b></b>,<strong></strong>
    下标:<sub>
    上标:<sup>
    下划线:<ins>
    删除线:<del>

    列表标签:
    无序列表
    type属性值:disc square circle
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      ....
    </ul>
    有序列表
    type属性值:1 a A i I
    <ol>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      ....
    </ol>
    定义列表
    <dl>
      <dt></dt>
      <dd></dd>
      <dd></dd>
      <dd></dd>
      ....
    </dl>

    图像标签
    <img src="" alt"" .../>
    还有 width height
    alt属性用于图片显示不出来时,所代替的文字

    超链接标签
    <a href="">内容</a>
    还有 target title(提示内容) name
    target:_self _blank _top _parent

    锚链接
    <a href="#锚名"></a>
    <a name="锚名">
    不同页面
    <a href="页面#锚名"></a>
    <a name="锚名">

    邮件链接
    电子邮件链接:
    <a href="mailto:邮件地址">...</a>

    文件下载
    <a href="img.gif" download="filename"></a>
    目前只支持chrome firefox

  • 相关阅读:
    五角星评分小例子
    手风琴案列
    隔行变色
    全选和单选(有一个单选没有打钩,全选也自动不打钩)
    随机数封装
    数组的升降序排列
    js面向对象倒计时与文字左右滚动
    linux知识点总结与随笔(关注linux爱好者公众号的一些笔记)
    线程与进程(我的理解)
    @property在python类中的应用
  • 原文地址:https://www.cnblogs.com/shink1117/p/8336595.html
Copyright © 2011-2022 走看看