首页 > 代码库 > 前段基础课程(基础标签属性)

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

2024-11-03 06:34:39   210人阅读

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=http://www.mamicode.com/“”>单标签。单标签‘<标签名>内容“ * 标签也叫元素 ### 属性 * 属性属于标签 * 一个标签可以有很多个属性，每个属性有不同的意义 * 属性值最好写在双引号中

### 代码规范

* 缩进 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=http://www.mamicode.com/“”>”

### 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=http://www.mamicode.com/“图片地址.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>” *  不建议使用

 

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


联系
我们