一.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
新建一个网站(也可以直接用本地的)
将html(注意将名称改为index)放到根目录里就可以打开了
三.第一次任务
<form>
姓名: 陈静宜<br>
学号: <input type="password" value="........"><br>
First name: <input type= "text" name ="name1"><br>
Last name: <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