初识html基础框架及简单用法
学会用phpstudy建立网站
网站代码展示
学习Markdown语法
一.html基础框架
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title></title>
</head>
<body>
</body<>
</html>
1.<html lang="en">
是向搜索引擎表示该页面是 html 语言,并且语言为英语网站,其"lang"的意思为"language"。
2.<head> </head>
为html头部。<head>
标签放在文档的开始处,紧跟<html>
后面,并处于<body>
标签前或<frameset>
前。
3.<meta charset="UTF-8">
是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好“翻译”工作。
4.<meta http-equiv="X-UA-Compatible"content=“IE=edge”>,X-UA-Compatible是IE8的一个专有属性,简单来说,就是告诉浏览器去模拟某个特定版本的IE浏览器的渲染方式。
5. <title> </title>
元素可定义文档标题。
6.<body> </body>
HTML的身体部分,body元素定义文档的主体,包含内容多(比如文本,超链接,图像,表格和列表等等。
7.<tr> 定义行
,<td>
定义表格数据
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
8.html的一些用法
(1)定义段落内容<p>***</p>
进行换行(单标签)<br/>
(2)style 属性:
定义背景颜色<body style="background-color:颜色的英文"></body>
定义段落颜色<p style="background-color:颜色的中文"></p>
定义标题颜色<h1 style="background-color:颜色的英文"></h1>
标题居中对齐<h1 style="text-align:center"></h1>
9.form 学习
采用<form></form>
标签用于定义表单域
<input>
标签用于收集用户信息
其中根据type属性进行输出不同种类的表单
例:
<form>
password:<input type="password">
</form>
phpstudy的学习与使用
1.对phpstudy的理解:phpstudy是一个php运行环境的集成包,用户不需要去配置运行环境,就可以使用。
2.phpstudy直接官网下载即可。
使用教程
1.打开phpstudy,启动Apache和MySQL服务。
2.点击网站(添加网站)
3.打开网站根目录
4.打开根目录后添加php文件,以index为文件名,默认为网站首页,后建立网站成功。
5.第一次任务结果展示
6.代码展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"content=IE=edge">
<meta name="viewport" content="width=device-width,inital-scale=1.0">
<title>第一个任务</title>
</head>
<body>
<form action="">
First name:<input type="text">
<br>
Last name:<input type="text">
</form>
</body>
</html>
7.登录框
三.学习Markdown语法
1.Markdown标题
一级标题(以一个#引入)
二级标题(以两个#引入)
三级标题(以三个#引入)
四级标题(以4个#引入)
(以此类推 共六级标题)
2.文本
(1)粗体文本:可以在需要标注为粗体文本前及结尾输入2个星号 或2个下划线_;
(2)粗斜体文本:在所需标注前及结尾输入3个***(星号)或三个下划线;
(3)斜体文本:在所需标注前及结尾输入一个星号或一个下划线;
(4)删除线:在需要删除的文字前后各使用两个~;
*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
~~被删除的内容~~
3.Markdown列表
(1)无序列表,使用星号(*),加号(+),或是减号(-),再加一个空格作为列表标记;
(2)有序列表,使用数字并加上.号,再加一个空格作为列表标记
* 无序列表 1
+ 无序列表 2
- 无序列表 3
1. 有序列表 1
2. 有序列表2
3. 有序列表 3
4.Markdown链接
输入【链接名称】(地址)
[链接名称](链接地址)
5.Markdown引用
在符号>后面书写文字,或者加一个空格再加文字一个>符号在第一层,两个>符号为第二层,以此类推。
>
>>
>>>
6.Markdown分割线
可以在一行中用三个 - 或者 * 来建立一个分割线,同时在分割线上空一行。
内容
---
内容
***
* * *
*****
---
7.Markdown脚注
脚注:[文字](脚注解释"脚注名字")
8.Markdown代码块
如果要引入代码,只要反引号引起来就好。