html %3cli水平,Html学习速记(从O\'Reilly教材整理)

标签 用title属性来表示文本是什么的缩写  etc.鼠标置于文本之上时显示说明

元素可定义只取首字母缩写              文本 鼠标置于文本之上时显示说明

4.常见字符标记:    @   ©

>  大于号  >

< 小于号 <

&  与号   &

实体符号如  A A    a a    { 表示 {   w 表w    !;表!  0~255

5.锚标签 用于定位文本超链接

超链接 说明文本

定义网页内内容    显示abc锚处的内容

文字

中可选属性rel和rev分别表示源文档和目标文档之间的关系和方向,经常使用的文档关系包括;next,prev,head,toc目录,parent源之上的文档,child,index索引,glossary术语表,这些文档关系也用在文档的中的标签里

6.url传递中保留字符和不安全字符及其URL编码

字符 描述 用法 编码

; 分号 保留 %3B

/ 斜号 保留 %2F

? 问号 保留 %3F

: 冒号 保留 %3A

@ "at"符号   保留 %4O

= 等号 保留 %3D

& "和"符号 保留 %26

> 大于号 不安全 %3E

" 双引号 不安全 %22

# 井号 不安全 %23

% 百分号 不安全 %25

{ 左大括号 不安全 %7B

} 右大括号 不安全 %7D

| 竖线 不安全 %7C

\ 反斜线 不安全 %5C

^ 加字号 不安全 %5E

~ 波浪号 不安全 %7E

[ 左中括号 不安全 %5B

] 右中括号 不安全 %5D

` 反单引号 不安全 %60

通常情况下,如果对某个字符是否在URL中使用有疑问,那么你应该始终使用该字符的编码。除字母,数字和字符$-_.+!-'()外的其他所有字符都应该使用编码。这是一条很重要的经验

三:文本结构

1.  (1)换行 (line break)  
单符 clear清除所有数据流后显示后面的数据  强制不换行

(没有结束标签的标签有:解析文档中的所有的超链接


)

我们可以使用下面的段落符号对文本进行自定义显示效果

(2)部分 (division)    

也叫做层

(3)段落 (paragraph)

段落内容

     段落中可以包含任何允许在文本流中出现的元素,其中包括传统的文字和标点,链接(),图像(),换行(
),字体变化(,,等款字体,下划线, 删除线, ,,上标,下标,)和基于内容的样式变化(,,,,,,,,)

(4)块引用

被缩进斜体的文本内容

简短的引用

(5)地址标签address 斜体显示

9310e85a14af99de4811ff4c77f1f911.png

24a924a57ba6b3f2b51fc9edb7ea4186.pngCode

WebmasterO'Reilly& Associates,Inc.

2.标题 heading   

......  

水平分隔线  (horizzontal rule)     


单符,表示断开文本流
按照输入时的格式显示文本

Hello文本倒置显示olleH

3.列表 List                设置compact属性是列表更紧凑

无序列表 unordered list 

  • 列表项1
  • 列表项2

有序列表 ordered list     

  1. 列表项1
  2. 列表项2

start属性设置开始值,默认1,type A 大些字母 a小写字母 I大写罗马数字 i小写罗马数字 1阿拉伯数字

定义列表 definitin list     

列表项1列表项2 带缩进

4.表单 from 用于与服务器交互

5.表格

9310e85a14af99de4811ff4c77f1f911.png

24a924a57ba6b3f2b51fc9edb7ea4186.pngCode1

731655954c7be9d8835ece551b5385f8.png2731655954c7be9d8835ece551b5385f8.png表格标题3731655954c7be9d8835ece551b5385f8.png4731655954c7be9d8835ece551b5385f8.png5731655954c7be9d8835ece551b5385f8.png列6731655954c7be9d8835ece551b5385f8.png列7731655954c7be9d8835ece551b5385f8.png8731655954c7be9d8835ece551b5385f8.png

6.框架 frame

四:图片  http://www.w3school.com.cn/tags/tag_img_prop_ismap_usemap.asp

9310e85a14af99de4811ff4c77f1f911.png

24a924a57ba6b3f2b51fc9edb7ea4186.pngCode1

731655954c7be9d8835ece551b5385f8.png2731655954c7be9d8835ece551b5385f8.png3731655954c7be9d8835ece551b5385f8.png4731655954c7be9d8835ece551b5385f8.png5731655954c7be9d8835ece551b5385f8.png6731655954c7be9d8835ece551b5385f8.png7731655954c7be9d8835ece551b5385f8.png8731655954c7be9d8835ece551b5385f8.png9731655954c7be9d8835ece551b5385f8.png10731655954c7be9d8835ece551b5385f8.png11731655954c7be9d8835ece551b5385f8.png

转载请注明出处:张素丰(博客园

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值