关于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字符实体:空格,<,>,&,¥版权,注册商标,申请中的商标
随机推荐
- Online Judge(OJ)搭建——3、MVC架构
Model Model 层主要包含数据的类,这些数据一般是现实中的实体,所以,Model 层中类的定义常常和数据库 DDL 中的 create 语句类似. 通常数据库的表和类是一对一的关系,但是有的时 ...
- 使用async和wait进行异步编程
本文来源于博客园-钱智慧,转载请注明出处 代码示例 // 要让一个方法成为异步方法: // - async修饰符. // - 返回类型是 Task 或者 Task<T>. 具体来说,如果函 ...
- numpy pandas 索引注意事项
pandas.DataFrame 的 iloc # ------------------------------------------------------------ 'python式的切片,包 ...
- Java I/O 总结
Java I/O的的架构使用了装饰器的模式,我们在使用流的时候需要新建很多的装饰器对象,对源数据进行层层包装.各个包装类名以及它们的应用场景比较多,初学的时候难以摸清规律,这里我把它们归一下类,方便大 ...
- Dijkstra算法 Java实现
public class Dijkstra { private static int N = 1000; private static int[][] Graph = { { 0, 1, 5, N, ...
- 网络通信 --> 消息队列
消息队列 消息队列提供了一种从一个进程向另一个进程发送一个数据块的方法.可以通过发送消息来避免命名管道的同步和阻塞问题.但是消息队列与命名管道一样,每个数据块都有一个最大长度的限制. Linux用宏M ...
- TCP为什么不是两次握手而是三次?
为什么不采用两次握手?如果是两次握手的情景:客户端在发送一个连接建立请求之后进入等待状态,等到服务端确认之后就进入established状态.服务端在发送一个确认连接建立请求报文之后(不管客户端是否有 ...
- 【ASP.NET Core】如何隐藏响应头中的 “Kestrel”
全宇宙人民都知道,ASP.NET Core 应用是不依赖服务器组件的,因此它可以独立运行,一般是使用支持跨平台的 Kestrel 服务器(当然,在 Windows 上还可以考虑用 HttpSys,但要 ...
- Tomcat优化内存以及连接数
公司的一个服务器使用Tomcat6默认配置,在后台一阵全点击服务器就报废了,查了一下就要是PERMSIZE默认值过小造成(16-64) TOMCAT_HOME/bin/catalina.sh 添加一行 ...
- JavaScript(第一天)【<script>标签浅析】
一.创建一张HTML页面 初学者创建一张html页面建议借助工具,例如Dreamweaver可视化编辑器. 二.<Script>标签解析 <script>xxx</s ...