HTML

论坛 期权论坛 期权     
IT那个小笔记   2019-7-15 09:29   2628   0
HTML什么是HTML
HTML是一种超文本标记语言用来描述网页
结构如下
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1.    
复制代码
  1.     Title
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code]
  2. 什么是标签
  3. 标签是HTML中的基本单位
  4. 标签是由尖括号包围的关键字像上面的,,
  5. 它们经常是成对出现,内容就写在一对标签标签中。
  6. 也有不成对的标签
  7. 还有标签关键字不区分大小写
  8. 常用标签
  9. 下面对常用标签进行简单的试例,详情见http://www.w3school.com.cn
  10. 基础标签
  11. 定义文档类型
  12. 定义HTML文档
  13. 网页名
  14. 到定义内容字体是几级标题
  15. 定义段落,就是会换两行再起一段
  16. 单标签,定义水平线
  17. 单标签,定义换行
  18. [list][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]   
复制代码
  1.     我的标签页
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]    一级标题
复制代码
  1.     二级标题
复制代码
  1.     三级标题
复制代码
  1.     四级标题
复制代码
  1.    
复制代码
  1.     这是一段
复制代码
  1.     这是另一段
复制代码
  1. [/code][code]
复制代码
  1. [/code]
  2. [img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-402fd504edb4cc8bee55ddc32a37a71a[/img]
  3. 格式标签
  4. 定义斜体文本
  5. 定义小号文本
  6. 定义文本加粗
  7. [list][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]   
复制代码
  1.     我的标签页
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]常规字体
复制代码
  1. 小号字体
复制代码
  1. 加粗字体
复制代码
  1. 强调字体
复制代码
  1. [/code][code]
复制代码
  1. [/code]
  2. [img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-5405f94076cf811f358edc219f0a2ab3[/img]
  3. 图片与链接
  4. 单标签,定义图片,一个src属性来定义地址,一个alt定义的文字是图片不出来时显示的
  5. 定义链接,有个href属性填入地址
  6. [list][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1.    
复制代码
  1.     第二的标签
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]点这个
复制代码
  1. [/code][code]
复制代码
  1. [/code][img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-2b871f4e65acdcb207485aa08c49cce0[/img]
  2. [img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-f5a3038620f8d2804d7f9ab0fe0c4dcb[/img]
  3. 列表标签
  4. 无序列表
  5. 有序列表
  6. 列表中的实际项
  7. 定义列表
  8. 定义列表中的项
  9. 项之下的解释项
  10. [list][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]   
复制代码
  1.     我的标签页
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]    aa
复制代码
  1.     bb
复制代码
  1.     cc
复制代码
  1.     dd
复制代码
  1.    
复制代码
  1.         aa
复制代码
  1.         bb
复制代码
  1.         cc
复制代码
  1.         dd
复制代码
  1.    
复制代码
  1. [/code][code]
复制代码
  1.     aa
复制代码
  1.     bb
复制代码
  1.     cc
复制代码
  1.     dd
复制代码
  1.    
复制代码
  1.         aa
复制代码
  1.         bb
复制代码
  1.         cc
复制代码
  1.         dd
复制代码
  1.    
复制代码
  1. [/code][code]
复制代码
  1.     aa
复制代码
  1.     bb
复制代码
  1.     cc
复制代码
  1.     dd
复制代码
  1.     aa
复制代码
  1.     bb
复制代码
  1.     cc
复制代码
  1.     dd
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码



表单标签
定义供用户输入的HTML表单
定义输入控件
定义多行的文本输入控件
定义下拉选择列表
定义选择列表中的选项
定义input元素的标注
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1.    
复制代码
  1.     我的标签页
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1.     用户:
复制代码
  1.    
复制代码
  1.     密码:
复制代码
  1.    
复制代码
  1.     简介
复制代码
  1.    
复制代码
  1.    
复制代码
  1.         选项1
复制代码
  1.         选项2
复制代码
  1.         选项3
复制代码
  1.    
复制代码
  1.    
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-f8de0f1eeb9f6e189b2b4b5d44f57c08[/img]
  2. 表格标签
  3. 定义表格
  4. 定义表格标题
  5. 表格的每一行
  6. 行中的单元格
  7. [list][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]   
复制代码
  1.     我的标签页
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]    我的表格
复制代码
  1.    
复制代码
  1.         11
复制代码
  1.         22
复制代码
  1.         33
复制代码
  1.    
复制代码
  1.     11
复制代码
  1.         22
复制代码
  1.         33
复制代码
  1.    
复制代码
  1.     11
复制代码
  1.         22
复制代码
  1.         33
复制代码
  1.    
复制代码
  1.     11
复制代码
  1.         22
复制代码
  1.         33
复制代码
  1.    
复制代码
  1. [/code][code]
复制代码
[code][/code]




快到碗里来
!





分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:
帖子:
精华:
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP