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

来源：互联网发布：qq mac版是什么编辑：程序博客网时间：2024/06/18 00:00

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 双标签 HTML,有开始标签和结束标签（标记）

n 单标签

n 标签书写规范

n 所有的标签都在< >中

n 所有的标签都有开始和结束，即使是单标记也要结束

u 强制换行

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 在网页源代码中查看时，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 http://tool.oschina.net/

n <body>

n text ：文字的颜色

n bgcolor背景色

n background背景图

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

n bgproperties：背景图固定，火狐不好用。

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

n HTML文本修饰标记

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

n 对默认文字小一些

n 加粗

n 加强语气

n 斜体

n 斜体

n 下划线

n <s>删除线

n <ins><del>

n ^上标下标_下标 superscript 上标subscript 下标

n 古诗案例

n HTML排版标记

n p 段落

u 自动在段前段后添加一个空白行

u 属性：align:值：left(左对齐,默认) center（居中对齐）right（右对齐）

n br

u 强行换行

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字符实体：空格，<,>,&,￥版权，注册商标,申请中的商标

0 0