1.editplus初步设置
2.html简介
HyperText Markup Language:超文本标记语言
超文本:
能够表达更丰富的内容(相对于普通文本)
标记:标识符号,就是html中的标签
语言:不是编程语言,就是html标签的描述,浏览器来翻译html代码
新建网页扩展名.html .htm
常见文件扩展名:
音频:mp3 ,wav
视频:mp4,rmvb,aiv,rm,
doc docx , word文件,
图片:jpg gif png
显示文件的扩展名的方法(win7).js.css.php
保存:ctrl+s
复制:ctrl+c
粘贴:ctrl+v
剪切:ctrl+x
撤消:ctrl+z
重做:ctrl+y
全选: ctrl+A
复制并粘贴:ctrl+J
调整行的位置:alt+shift+上下箭头
n 标签分类
n 双标签 <font>HTML</font>,有开始标签和结束标签(标记)
n 单标签 <br />
n 标签书写规范
n 所有的标签都在< >中
n 所有的标签都有开始和结束,即使是单标记也要结束
u <br/> 强制换行
u <img/> 图片标记
n 所有的标签和属性及值小写
n 标签和属性,属性与属性之间有空格
n 属性值必须有加引号(单引号或双引号都可以)
n 属性必须有值
n 属性可写可不写
n 标签与标签之间正确嵌套
n 标签格式
n <开始标签 属性1=”值1” 属性2=”值2” 属性n=”值n”>控制的内容</开始标签>
n <开始标签 属性1=”值1” 属性2=”值2” 属性n=”值n” 空格/>
n <开始标签 空格/>
n
n 文档结构
n 在网页源代码中查看时,ctrl+end回到最后,ctrl+home回到最顶部,ctrl+F查找标签
n <html>
u <head><title></title>
u </head>
u <body>
u </body>
n </html>
n 解释:
u html: 指明当前的文档的类型,是一个网页
u head是网页头部 包括网页的相关信息,基本设置,其中title网站的标题就在里面。
u body:在浏览器的看到的内容。
n html注释
n <!--注释内容-->
n html标签按功能分类
n 文本的修饰
n 文字排版
n 图片
n 链接
n 表格
n 列表
n 表单
n 框架
n 文本的修饰
n 属性:
u color:颜色red,blue,green,yellow,gray,pink,tomato,wheat,
u size:值(1-7),默认值:3
u face:字体
u 建议使用英文字母表示中文字体
n <font> http://tool.oschina.net/
n <body>
n text :文字的颜色
n bgcolor背景色
n background背景图
u 当前网页文件和背景图片在一起(建议)
n bgproperties:背景图固定,火狐不好用。
n 通过样式来处理背景图固定的问题
n HTML文本修饰标记
n <big>相对默认文字大一些
n <small>对默认文字小一些
n <b>加粗
n <strong>加强语气
n <i>斜体
n <em>斜体
n <u>下划线
n <s>删除线
n <ins><del>
n <sup><sub> 上标下标下标 superscript 上标subscript 下标
n 古诗案例
n HTML排版标记
n p 段落
u 自动在段前段后添加一个空白行
u 属性:align:值:left(左对齐,默认) center(居中对齐)right(右对齐)
n br
u 强行换行<br />
n hr
u 单标记 <hr />
u 属性:width 宽度:值:默认是像素,也可是百分比
u align:对齐方式:left center right ,默认 center
u color :颜色
u noshade 阴影设置
n h1-h6
n pre
n center
n 修改古诗案例
n 代码编辑器简介
n editplus编码设置,浏览器设置常用快捷键
n dreamweaver设置 浏览器设置,站点设置,新建文档设置
n 打开DW的第一步,新建站点。
、
n <div>和span区别块元素和行内元素
n HTML字符实体:空格,<,>,&,¥版权,注册商标,申请中的商标