HTML及本地连接,markdown语法

一.html基本元素标签

<!--文档声明,声明当前网页的版本-->
<!DOCTYPE html>
<!--html的根标签(元素),网页中的所有内容都要写在根元素的里边-->
<html lang="en">
<!--head是网页头部,head中的内容不会在网页中直接出现,主要用来帮助浏览器或搜索引擎来解析网页-->
<head>
    <!--meta标签用来设置网页的元数据,这里meta用来设置网页的字符集,避免乱码问题-->
    <!--UTF-8(万国码)-->
    <meta charset="UTF-8">
    <title>显示在浏览器的标题栏</title>
</head>
<!--body是html的子元素,表示网页的主体,网页中的所有可见的内容都应写在body里面-->
<body>
      这里是主体
</body>
</html>

当然还有很多,在这里就不赘述了
B站上pink老师的保姆级教学真的是爱了爱了

二.利用php连接html

打开phpstudy
打开web
新建一个网站(也可以直接用本地的)
新建一个网站(也可以直接用本地的)
在这里插入图片描述
将html(注意将名称改为index)放到根目录里就可以打开了
将html(注意将名称改为index)放到根目录里就可以打开了
在这里插入图片描述

三.第一次任务

    <form>
        姓名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;陈静宜<br>
        学号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="password" value="........"><br>
        First name:&nbsp;<input type= "text" name ="name1"><br>
        Last  name:&nbsp;<input type="text" nmae="name2">
    </form>
</body>
</html> 

效果如下:
在这里插入图片描述

四.markdown

1.标题==

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.文字效果(均是在文字两端添加)
<1>斜体文本:加 * 或者 _
<2>粗体文本:加 ** 或者_ _
<3>粗斜体文本:加 *** 或者_ _ _
<4>高亮:加==
<5>文字上下标:文字上标 加^
                            文字下标 加~
3.表格

表头表头表头表头表头表头表头表头表头表表头表头头
居左居中居右ahahahaha
| 表头表头表头 | 表头表头表头 | 表头表头表头 | 表表头表头头 |
| ------------| :----------: | -----------: | ------------ |
| 居左         |     居中     |         居右 |        ahahahaha     |

4.分割线(三个星号)


5.引用

引用1>

引用2>>

引用3>>>

6.图片及链接

图片:![名称](地址)
链接:[名称](地址)

五.总结

这些天对html进行了学习,了解了markdown语法,还有VS code 真的是yyds

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值