关于HTML

我的PHP学习之旅

学习PHP已经有一段时间了,今天才想好好的总结一下这一路走来的点点滴滴,也想把我的学习方法及经验分享给大家,希望能对你有所帮助。

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

一、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标签

1、标签分类

双标签 <font>HTML</font>,有开始标签和结束标签(标记)

单标签 <br />

2、标签书写规范

所有的标签都在< >中

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

<br /> 强制换行

<img /> 图片标记

所有的标签和属性及值小写

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

属性值必须有加引号(单引号或双引号都可以)

属性必须有值

属性可写可不写

标签与标签之间正确嵌套

3、标签格式

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

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

<开始标签 空格/>

4、文档结构

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

<html>

<head><title></title>

</head>

<body>

</body>

</html>

解释:

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

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

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

5、html注释

<!--注释内容-->

html标签按功能分类

文本的修饰

文字排版

图片

链接

表格

列表

表单

框架

6、文本的修饰

属性:

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

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

face:字体

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

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

<body>

text :文字的颜色

bgcolor 背景色

background 背景图

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

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

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

7、HTML文本修饰标记

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

<small>对默认文字小一些

<b>加粗

<strong>加强语气

<i>斜体

<em>斜体

<u>下划线

<s> 删除线

<ins><del>

<sup> <sub> 上标下标下标  superscript 上标 subscript下标

古诗案例

HTML排版标记

p 段落

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

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

br

强行换行<br />

hr

单标记 <hr />

属性:width 宽度:值:默认是像素,也可是百分比

align:对齐方式:left center right ,默认 center

color :颜色

noshade 阴影设置

h1-h6

pre

center

修改古诗案例

8、代码编辑器二次简介

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

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

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

添加浏览器如下:

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

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

随机推荐

  1. 当Table中td内容为空时,显示边框的办法

    1. 在 table的css里面加: border-collapse:collapse;在 td 的css里面加: empty-cells:show; 2 .最简单的就是 在TD里写个    说明: ...

  2. HTTP权威指南阅读笔记二:URL与资源

    URL中的限制字符: 在URL中,有几个字符被保留起来,有着特殊的含义.有些字符不在定义的US-ASCII可打印字符集中.还有些字符会与某些因特网网关和协议产生混淆,因此不赞成使用. 下面这些字符是U ...

  3. Google Code jam Qualification Round 2015 --- Problem A&period; Standing Ovation

    Problem A. Standing Ovation Problem's Link:   https://code.google.com/codejam/contest/6224486/dashbo ...

  4. UVA 12266 Stock prices --优先队列

    优先队列. 做法:维护两个优先队列:quesell  和  quebuy, 一个是小值优先,一个是大值优先.每次push的时候,都取各自的Top元素,比较价格,如果卖的比卖的出价低,则成交,各自的要买 ...

  5. WSAEventSelect

    WSAEventSelect 是 WinSock 提供的一种异步事件通知I/O模型,与 WSAAsyncSelect模型有些类似.       该模型同样是接收 FD_XXX 之类的网络事件,但是是通 ...

  6. C&num;:让控件TextBox的滚动条保持在最下方

    //该事件让TextBox控件的滚动条始终保持在最下方        private void TextBox_TextChanged(object sender, EventArgs e)      ...

  7. 第一次在gitHub上传项目到git&period;oschina的方法

    首先在Git@osChina创建一个项目仓库 1.创建sshKey公钥 ssh-keygen -t rsa -C "ty635725964@qq.com" 之后连续三个空格,默认无 ...

  8. Java之美&lbrack;从菜鸟到高手演变&rsqb;之设计模式三

    本章是关于设计模式的最后一讲,会讲到第三种设计模式--行为型模式,共11种:策略模式.模板方法模式.观察者模式.迭代子模式.责任链模式.命令模式.备忘录模式.状态模式.访问者模式.中介者模式.解释器模 ...

  9. 设计模式のMediatorPattern(中介者模式)----行为模式

    一.产生背景 从生活中的例子可以看出,不论是QQ游戏还是QQ群,它们都是充当一个中间平台,QQ用户可以登录这个中间平台与其他QQ用户进行交流,如果没有这些中间平台,我们如果想与朋友进行聊天的话,可能就 ...

  10. JavaBasic&lowbar;04

    选择结构 选择结构有特定的语法规则 代码要执行具体的逻辑运算进行判断(代码执行有条件) 逻辑运算的结果有两个,所以产生选择,按照不同的选择执行不同的代码(根据不同的条件执行不同的代码) Java语言提 ...

上一篇:redis的info


下一篇:.NET发送邮箱(验证码)