码迷,mamicode.com
首页 > 其他好文 > 详细

前段基础课程(基础标签属性)

时间:2017-07-22 21:06:42      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:需要   意义   body   UI   字符   格式   开发   ack   规范   

2017年7月21日 课堂笔记                       孙小强 # 课程

 htlm+css Javascript Node-js vue H5新特性 微信开发

技术点 Html * 定义页面结构 +css * 定义页面样式 javascript * 定义页面逻辑

# 准备

### 编辑器 * sublime * notepad++ * vim * atom * dreamweaver * webstorm(集成环境)

### 浏览器

* 主流浏览器    *chrome  内核 webkit    *safari     内核 webkit    *firfox     内核 gecko    *i.e          内核trident    * 壳浏览器

   *欧朋(诺基亚的浏览器)       内核webkit    *360安全浏览器   内核webkit和trident(双内核浏览器)    *360极速浏览器   内核webkit和trident(双内核浏览器)    *UC    *猎豹    *搜狗    *QQ    *百度浏览器    *淘宝浏览器

### 字符集编码  *ascii 码  *汉字编码   *GB2312   *GBK  *国际通用编码   *utf-8

###计算机存储单位 *字节 B (bvte) *位(比特) b (bit) *1b =  8 bit

# 关于html

### 什么是html * 超文本标记语言(ml超文本标记语言) * http协议(超文本传输协议)

### HTML的发展历史

*最新版本 html5 *之前的版本 xhtml1.0 *再之前才是html4

#html 基本语法

### html标签

* <h1> </h1>双标签  ‘双标签<标签名>‘或’</标签名‘>  * <img src=“”>单标签。单标签‘<标签名>内容</标签名>“ * 标签也叫元素 ### 属性 * 属性属于标签 * 一个标签可以有很多个属性,每个属性有不同的意义 * 属性值最好写在双引号中

### 代码规范

* 缩进 Tab或者4个空格

#html 结构标签

### 注释 “<!- -注释内容- ->“

# html 主体结构标签

### 文档声明 *“<doctype html>”

### html 标签 * “<html></html>”

### head 标签 * “<head></head>” *里面会包含 诸如页面标题,搜索引擎信息等相关的标签

### body 标签 *”<body></body>” * 页面主体内容 * 属性  *background  *bgcolor  *text  *link    超链接默认颜色  *vlink   点击过后的颜色  *alink 正在点击的颜色

# head 头部标签

### 标签 *“<title></title>”定义标题 *”<meat />” *”<link href=“”></link>”

### meta 功能

*定义字符集编码  *“<meta charset=“utf-8”>”  *”<meta http-equiv=“content-tbye” content=“text/html;charset=utf-8”>” *刷新或跳转  *“<meta http-equiv=“refresh” content=“3”>”  *”<meta http-equiv=“refresh” content=“3;url=http://unclealan.cn”>” *设置关键字  *”<meta name=“keywords” content=“每个词用英文,隔开”>” *设置页面描述  *“<meta name=“description” content=“80字之内一段话”> *###定义网站标题图标  *“<link rel=“shortcut icon” href=“图片地址.ico”>”

# 格式排版标签

### 换行标签br * “<br />” ### 分割线 hr *“<hr />” *语意:段落与段落之间的分割 *属性  *width  *size   *align  *noshade

###段落标签 p *”<p></p>” *语意:表示段落 *属性  *align: left/right/center

###原样输出标签 pre * “<pre></pre>” *语意: 需要原格式输出 显示代码

###标题标签 hr

* “<h1></h1>”      一级标题 *   “<h2></h2>”    二级标题   *.   “<h3></h3>” 三级标题 *.    “<h4></h4>”  四级标题 *.     “<h5></h5>”   五级标题 *       “<h6></h6>”    六级标题

### 局中标签 * “<center></center>” *  不建议使用

 

前段基础课程(基础标签属性)

标签:需要   意义   body   UI   字符   格式   开发   ack   规范   

原文地址:http://www.cnblogs.com/sosrainbow/p/7222467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!