HTML学习笔记2

最新推荐文章于 2024-08-23 20:19:03 发布

迷失的虚无

最新推荐文章于 2024-08-23 20:19:03 发布

阅读量203

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/moonlightwalk/article/details/78911865

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

空格 &nbsp 代表一个字符的空白
版权 &copy
注册商标 &reg
申请中的商标 &trade

HTML 列表

有序列表 ol li type=”默认是数字序号” start =”从哪个地方开始(a,A,i,I)”

<ol start="4" type="a">
        <li>武汉</li>
        <li>上海</li>
        <li>杭州</li>
        <li>深圳</li>
        <li>长沙</li>
    </ol>

     <ol start="4" type="a">
        <li>武汉</li>
        <li type="I">上海</li>
        <li>杭州</li>
        <li>深圳</li>
        <li>长沙</li>
    </ol>

无序列表
- type: disc 默认的黑色点，circle 圆圈，square 方块

<ul type="circle" >
        <li>武汉</li>
        <li>上海</li>
        <li>长沙</li>
    </ul>

自定义列表
- dl
- dl 定义标题
- dd description 对上面的标题进行描述

<dl>
        <dt>周边旅游</dt>
        <dd>武汉</dd>
        <dd>长沙</dd>
        <dd>咸宁</dd>

        <dt>国内旅游</dt>
        <dd>厦门</dd>
        <dd>北海</dd>
        <dd>丽江</dd>

        <dt>出境旅游</dt>
        <dd>巴黎</dd>
        <dd>曼谷</dd>
        <dd>夏威夷</dd>
    </dl>

滚动字幕标记
marquee direction behavior width hegith bgcolor hspace vspace scrollamount scrolldelay

<center>
        <marquee behavior="scroll" direction="left" bgcolor="red" width="500" scrollamount="20" scrolldelay="100" vspace="50">
            欢迎光临LROYLE的魔法小屋
        </marquee>
    </center>

direction 方向 left（默认），right 向右，up 向上，down 向下
behavior 行为 scroll 默认 alternate 左右，slide 只一次
width 宽度
height 高度
bgcolor 背景色
hspace 水平方向空白
vspace 垂直方向
scrollamout 速度，像素/秒
scrolldelay 间隔单位：毫秒，（1秒 = 1000毫秒）

计算机编码

ASCII，ANSL，GB2312，GBK，BIG5，IIS，unicode，utf-8

字节，计算机中最小的存储单位
位，计算机中最小的处理单位
1B = 8b
1024 bit = 1 KB；
1024 MB / 8 = 128 KB
ANSI
- GB2312 GBK，GB18030
- JIS
ISO Unicode 4 个字节
ASCII > ASNI(GB2312,IIS) > Unicode > utf-8
BIG5
解决乱码问题
- 只要保证编码一致就不会出现乱码
  - 编辑器设置
  - meta 字符设置
    - <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
    - http-equiv：服务器通知浏览器用什么字符来显示本页面
    - content=”text/html” 大类text 文本文件下的html文件
    - charset=”” 我们要在这里设置字符编码，gbk,gb2312 简体中文 utf-8(万国码)
- 浏览器编码

meta 标记

http-equiv(content-type,refresh)
- <meta http-equiv="Content-Type" content = "text/html;charset=UTF-8" />
- <meta http-equiv="refresh" content="e;http://www.baidu.com” />
- refresh 刷新；页面跳转，主要应用：域名更换等。
name(keywords,description,author,copyright)
- <meta name="author" content=""/>
- <meta name="copyright" content="" />
- <meta name="keywords content="" /> 60 -80
- <meta name="description" content="" /> 120 - 200
  - 有关描述搜索引擎会生成一个摘要

图片标记

img scr width height border hspace vspace align alt
对于图片的宽和高，只设置一个，另一个会按比例自适应
可以缩小，但不可以放大，放大会失真
alt -> 替换文本
border 图片的边框，默认是黑色的边，不可以设置，只能通过样式更改

绝对路径与相对路径

绝对路径
- 描述：形如：c\img\dog.jpg, 一个真实的路径
- 目录，就是文件夹
- file://c:/users/administrator/desktop/xoboy/dog.png
- https://www.baidu.com/img/dog.png
- <li><a href="/product/">合作项目</a></li>
  - ”/” 代表网站的根目录
相对路径（三种情况）
- 目标文件（img) 和当前文件（网页）是同级别
  - 目标文件的路径写法：直接写文件名和扩展名即可
- 目标文件所在的文件夹与当前页面是同级
  - 目标文件的路径写法：文件夹的名称/目标文件的名称 +扩展名
  - 目标文件在当前页面的上一级。用：../
  - ../ 就是指向上一级
  - 如果目标文件在当前页面的上两级，再加一个 ../
- 在做网站的时候，一般用相对路径