关于HTML

时间 2019-11-30

标签关于 html 栏目 HTML 繁體版

原文原文链接

个人PHP学习之旅html

学习PHP已经有一段时间了，今天才想好好的总结一下这一路走来的点点滴滴，也想把个人学习方法及经验分享给你们，但愿能对你有所帮助。前端

首先学习的是PHP前端部分，这里须要学习的知识有HTML、CSS以及JS。下面说到的是关于HTML的知识。编程

1、HTML的简介浏览器

HTML的英文单词为：HyperText Markup Language（超文本标记语言）框架

下面具体解释下超文本标记语言：编程语言

超文本：编辑器

可以表达更丰富的内容（相对于普通文本）学习

标记：标识符号，就是html中的标签字体

语言：网站

不是编程语言，就是html标签的描述

浏览器来翻译html代码

HTML文件的扩展名为：.html/.htm

顺便普及一下，常见文件扩展名

音频：mp3 ,wav

视频：mp4,rmvb,aiv,rm,

doc docx , word文件，

图片：jpg gif png

二 editplus 编辑器

无论编写任何程序都须要一款适合本身的编辑器，我比较推荐Editplus，Sublime等编辑器。这些软件均可以在网上下载，其安装方式比较简单，这里就再也不详细说明了。接下来给你们分享一下一些快捷键。

保存：ctrl+s

复制：ctrl+c

粘贴：ctrl+v

剪切：ctrl+x

撤消：ctrl+z

重作：ctrl+y

全选: ctrl+A

复制并粘贴：ctrl+J

调整行的位置：alt+shift+上下箭头

三：HTML标签

一、标签分类

双标签 HTML,有开始标签和结束标签（标记）

单标签

二、标签书写规范

全部的标签都在< >中

全部的标签都有开始和结束，即便是单标记也要结束

强制换行

<img /> 图片标记

全部的标签和属性及值小写

标签和属性，属性与属性之间有空格

属性值必须有加引号（单引号或双引号均可以）

属性必须有值

属性可写可不写

标签与标签之间正确嵌套

三、标签格式

<开始标签属性1＝”值1” 属性2＝”值2” 属性n＝”值n”>控制的内容</始标签

<开始标签属性1＝”值1” 属性2＝”值2” 属性n＝”值n” 空格/>

<开始标签空格/>

四、文档结构

在网页源代码中查看时，ctrl+end回到最后，ctrl+home回到最部，ctrl+F查找标签

<html>

</head>

<body>

</body>

</html>

解释：

html: 指明当前的文档的类型，是一个网页

head是网页头部包括网页的相关信息，基本设置，其中title网站的标题就在里面。

body:在浏览器的看到的内容。

五、html注释

html标签按功能分类

文本的修饰

文字排版

图片

连接

表格

列表

表单

框架

六、文本的修饰

属性：

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

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

face:字体

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

http://tool.oschina.net/

<body>

text ：文字的颜色

bgcolor 背景色

background 背景图

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

bgproperties：背景图固定，火狐很差用。

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

七、HTML文本修饰标记

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

对默认文字小一些

加粗

增强语气

斜体

斜体

下划线

<s> 删除线

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

古诗案例

HTML排版标记

p 段落

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

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

强行换行

单标记 <hr />

属性：width 宽度：值:默认是像素，也但是百分比

align:对齐方式：left center right ，默认 center

color :颜色

noshade 阴影设置

h1-h6

pre

center

修改古诗案例

八、代码编辑器二次简介

editplus 编码设置，浏览器设置经常使用快捷键

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

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

添加浏览器以下：

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

HTML字符实体：空格，<,>,&,￥版权，注册商标,申请中的商标