【php基础班】第1天 editplus工具使用及HTML入门

时间:2023-01-22 20:03:07

1.editplus初步设置

【php基础班】第1天 editplus工具使用及HTML入门

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

【php基础班】第1天 editplus工具使用及HTML入门

【php基础班】第1天 editplus工具使用及HTML入门

【php基础班】第1天 editplus工具使用及HTML入门

保存: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  标签与标签之间正确嵌套

【php基础班】第1天 editplus工具使用及HTML入门

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查找标签

【php基础班】第1天 editplus工具使用及HTML入门

【php基础班】第1天 editplus工具使用及HTML入门

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  文本的修饰

【php基础班】第1天 editplus工具使用及HTML入门

【php基础班】第1天 editplus工具使用及HTML入门

n  属性:

u  color:颜色red,blue,green,yellow,gray,pink,tomato,wheat,

【php基础班】第1天 editplus工具使用及HTML入门

u  size:值(1-7),默认值:3

u  face:字体

【php基础班】第1天 editplus工具使用及HTML入门

u  建议使用英文字母表示中文字体

n  <font> http://tool.oschina.net/

n  <body>

n  text :文字的颜色

n  bgcolor背景色

n  background背景图

u  当前网页文件和背景图片在一起(建议)

n  bgproperties:背景图固定,火狐不好用。

【php基础班】第1天 editplus工具使用及HTML入门

n  通过样式来处理背景图固定的问题


【php基础班】第1天 editplus工具使用及HTML入门

n  HTML文本修饰标记

 

n  <big>相对默认文字大一些

n  <small>对默认文字小一些

n  <b>加粗

<strong>加强语气

n  <i>斜体

<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 阴影设置

【php基础班】第1天 editplus工具使用及HTML入门

n  h1-h6

n  pre

n  center

n  修改古诗案例

 

n  代码编辑器简介

n  editplus编码设置,浏览器设置常用快捷键

n  dreamweaver设置 浏览器设置,站点设置,新建文档设置

n  打开DW的第一步,新建站点。

【php基础班】第1天 editplus工具使用及HTML入门

【php基础班】第1天 editplus工具使用及HTML入门

【php基础班】第1天 editplus工具使用及HTML入门

【php基础班】第1天 editplus工具使用及HTML入门

n  <div>和span区别块元素和行内元素

n  HTML字符实体:空格,<,>,&,¥版权,注册商标,申请中的商标