第一次学习任务-CSDN博客

本文链接：https://blog.csdn.net/weixin_74083428/article/details/127606342

初识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代码块
如果要引入代码，只要反引号引起来就好。