html学习

来源：互联网发布：itunes上软件版本号编辑：程序博客网时间：2024/04/30 03:48

关于中文编码
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,Geogriasans-serif: Arialmonospace: Couriercursive: Comic Sans11.文字大小的几种设定方法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》

阅读全文

0 0