html学习

最新推荐文章于 2022-08-08 16:52:03 发布

lynn_1100

最新推荐文章于 2022-08-08 16:52:03 发布

阅读量7.2k

点赞数

分类专栏：前端文章标签： html 编码

本文链接：https://blog.csdn.net/EXIANGBUCHU/article/details/78501451

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于中文编码
http://www.t086.com/article/5118
主要有两种编码方式
ANSI
1. 区位码：分类编码，每个字符有区号与位号
2. 国标码/交换码：区号与位号分别加上32(D)/00100000(B)/20H——解决了与通信控制码冲突的问题
3. 内码：将一个汉字看成是两个扩展ASCII码，使表示GB2312汉字的两个字节的最高位都为1。即国标码加上128(D)/10000000(B)/80H——解决了中英混排时单双字节混淆的问题
4. 外码：汉字输入码，不同的输入码各不相同
5. GB2312、GBK与GB18030（大陆、简体字）的区别在于收录汉字字符数量集合大小，一般GB2312就可以满足要求了。对于繁体字有BIG5大五码。
UTF-8
1. 一种世界同一的编码方式，Unicode用数字0-0x10FFFF来映射这些字符，这么长一个字节肯定存不下，因此在存储单位上有UTF-8、UTF-16、UTF-32，分别以BYTE、WORD、DWORD为单位，“汉字”这两个字在这三种编码方式下分别需要6/4/8个字节。常用UTF-8。
2. 关于BOM：win系统记事本中默认带BOM(byte order mark)用于区别不同的编码方式
html与css
html：Hypertext Markup Language超文本标记语言
css：Cascading Style Sheets 用于设定格式

- 一些概念
1. tags： <>内的东西
    2. elements：某种tag的实体，正如抽象类与具体的类的实体之间的关系
3. <a>links链接
    默认路径是主页所在的位置
<a target="_blank" herf="../lounge.html#chai" 
title="some description of links">
    title参数在鼠标悬停的时候会有提示，如果是同一个html(back to top)则不需要相对路径信息
    a参数还有一个作用是destination anchor，需要是事先在destination位置插入<a id="chai">...</a>，其中id参数不能使用空格
    target参数，当使用_blank                                                                                                          时每次打开的都是新的窗口，而自定义名字则会多次打开同一个窗口
    <a>元素是唯一一个不能嵌套的
    <a>显示样式可设定包括a:link/visited/hover(鼠标悬停)
具体格式a:link{ 
    color: green;
}
4. tag分类
无参数<br>(linebreak)<img>
有参数<h1><h2><p><q><blockquote><em><b>粗文本
<li>配合<ol>(有序数列)或<ul>(无序数列)使用
<dl>-<dt><dd>
5. <pre>内部会保留空格，tab与换行，但是"<"仍然需要使用转义
6. <code>在显示上没有区别
7. <img src="images/drinks.gif" width="48" "height=100" alt="description">
8. CSS
在<head>的<title>后面
<style type="text/css">
    h1,h2{
        font-family: sans-serif;
        ... 
    }
    h1{
        boder-bottom:1px solid black;
    }
</style>
一般会单独创建文件夹存放.css文件，.css文件指<style>内部的（不包括style），在原.html文件中删除style加上<link type="text/css" rel="stylesheet" herf="lounge.css" 1/>
9. class参数可以用于区分具体是哪段<p>
设置
<p calss="greentea">
...
</p>
调用
p.greentea{
    cloor: green;
}
.greentea表示所有element的greentea类
10. 字体类可以多输入几种作为备选
serif: Times New Roman,Geogria
sans-serif: Arial
monospace: Courier
cursive: Comic Sans
11.文字大小的几种设定方法
font-size: 14px/150%/1.2em/xx-small(small一般为12px,间隔20%)
推荐基准<body>加相对大小的方法设定
12. 颜色的几种设定方法
(1)17种有名字的:Marcon(红棕),Navy(深蓝),Sliver(银灰)，Teal(青色)等
(2)background-color:rgb(80%,40%,0%)/rgb(204,102,0)/#cc6600;
 13.其他文字设定项目
 （粗体）font-weigh:bold/light/normal/bolder;
 （衬线）text-decoration:underline/overline/line-through/blink;
 （斜体）font style:italic/oblique
 （行高）line-heigh:1.6em
 14.<p>排版的参数实在太多，住哟啊搞清楚几个概念：border,padding,margin,background
 设定宽度的时候按上，右，下，左/上下，左右/上下左右顺序
 15. 在.css文件中，media="screen/print(用于打印)/handheld"参数可以用于设定显示设备
 16. <div>,<span>
定位
<div id="elixirs">
...
</div>
格式设定
#elixirs {
    border-width:thin;
    ...
}
#elixirs h2{}
而<span>用于设定行短句的逻辑分割

protocols
file:///F/…本机
ftp

参考书——《read first html》

lynn_1100

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html学习

关于中文编码 http://www.t086.com/article/5118 主要有两种编码方式 ANSI 区位码：分类编码，每个字符有区号与位号国标码/交换码：区号与位号分别加上32(D)/00100000(B)/20H——解决了与通信控制码冲突的问题内码：将一个汉字看成是两个扩展ASCII码，使表示GB2312汉字的两个字节的最高位都为1。即国标码加上128(D)/1000000
复制链接

扫一扫

专栏目录