关于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字符实体:空格,<,>,&,¥版权,注册商标,申请中的商标
随机推荐
- jQuery对于动态生成的元素绑定无效的问题~~
问题:很多时候发现,对动态生成的元素绑定click事件是无效的- 原因:直接绑定到动态生成的元素是无效的,是因为Jquery扫描文档找出所有的$(‘’)元素,并把函数绑定到每个元素的click事件上, ...
- 笔记:XML-解析文档
要处理XML文档,就要先解析(parse)他,解析器时这样一个程序,读入一个文件,确认整个文件具有正确的格式,然后将其分解成各种元素,使得程序员能够访问这些元素,Java库提供了两种XML解析器: 像 ...
- trigger回调方法的实现
用传参实现trigger的回调: 点击btn1触发btn2的click事件并执行trigger中传入的回调方法 <body> <input type="button&quo ...
- spring boot 2.0.0由于版本不匹配导致的NoSuchMethodError问题解析
spring boot升级到2.0.0以后,项目突然报出 NoSuchMethodError: org.springframework.boot.builder.SpringApplicationBu ...
- 【Windows】定时任务设置
Windows定时任务 linux上面的定时任务已经解除过好多次了.不外乎crontab,at之类的命令,而windows上的定时任务今天才偶尔看到怎么设置.想到以后生活上可能会用到一些这方面的知识就 ...
- Ubuntu安装Anaconda
安装Anaconda的最简单方法是下载最新的Anaconda安装程序bash脚本,然后运行它. 在Anaconda Downloads页面找到最新版本的Anaconda for Python 3 .当 ...
- js 关于日期,字符串转化
<html><head><title>简单获取日期的JS</title><meta http-equiv="Content-Type&q ...
- Android中文API (110) —— CursorTreeAdapter
前言 本章内容是android.widget.CursorTreeAdapter,版本为Android 3.0 r1,翻译来自"深夜未眠",欢迎访问它的博客:"http: ...
- 【Nginx系列】Nginx虚拟主机的配置核日志管理
Nginx配置段 #user nobody; worker_processes 1;// 有1个工作的子进程,可以自行修改,但太大无益,因为要争夺CPU,一般设置为 CPU数*核数 #error_lo ...
- C语言助教批改
作业批改 每次作业批改后写一篇作业点评,助教轮流写作业总结.(总结分工老师安排). 每个助教点评自己负责的同学博客,点评要详细,不能只有一句话. 有比较优秀博客请或典型问题推荐到qq群,并发给写总结助 ...