图片列表导航实例代码：<ul> <li><a href="#">php中文网<img src="https://www.php.cn/static/images/new/logo.png" alt="php中文网"></a></li> <li><a href="#">php中
帮助学习代码演示<ul>
<li><ahref="https://www.php.cn"target="_parent"><imgsrc="https://www.php.cn/static/images/new/logo-2x.png"alt="logo"width="90"></a></li>
<l
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
一、列表基本用法<ul> <li class="sub_nav"><a href="#" target="_blank"><img src="#" alt="img_1">Item1</a></li> <li class="sub_nav"><a href="#" t
关于图片列表和课程表html写法1. 图片列表<!-- 图片列表 --><div class="list"> <ul> <li><a href="#"><img src="https://img.php.cn/upload/course/000
图文列表演示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
markdown作业1.标题 #一级标题 ##二级标题 ###三级标题 ####四级标题 ...2.列表2.1.无序列表
小学
中学
大学
大一
大二
大三
2.2.有序列表1.小学
2.中学
图文列表导航组件以及表格制作图文列表<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
【案例一】a标签和img标签配合三种列表标签写出图片导航演示
直接给上代码
<ul style="text-align:center" > <!-- 无序列表 --> <li> <a hre
课程表<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte
<table width="500" border="1"> <caption>课程表</caption> <thead> <tr> <th></th> <th>节次</th> <th>时间</th>
markdown语法1.标题#一级标题##二级标题###三级标题####四级标题#####五级标题######六级标题2.列表2.1无序列表
test1test2test3
team1team2team3
2.2有序列表
test1test2
markdown语法
1.标题# 一级标题相当于h1## 二级标题### 三级标题#### 四级标题2.列表2.1 无序
list1list2list3
item1item2
2.2 有序
list1list2list33.1 item13.2 item2
3
一级标题二级标题三级标题四级标题五级标题六级标题
markdown语法练习 表格设置
四大名著
序号
名著
作者
评分
1
西游记
吴承恩
五颗星
2
红楼梦
曹雪芹
四颗星
我的第一课（软件安装）软件安装Visual Studio Code、chrome、FireFoxvs code插件安装
中文语言包 Chinese (Simplified)实时预览 live server文件图标 vscode-icons主题 https:
1编辑器的下载：就使用下载VScode
2浏览器的下载- 谷歌浏览器- 火狐浏览器
3必知术语“HTTP/HTTPS”- 浏览器向web服务器发起的一种请求方式HTTPS相当于HTTP的子协议
“
emmet语法的使用方法
快速生成HTML结构标签：<kbd>!</kbd>+<kbd>Tab</kbd>或html:h5+<kbd>Tab</kbd>快速生成DIV标签：div+<kbd>Tab</kbd>快速生成带class属性DIV标签：.ID+<kbd>T
markdown常用语法”可用于引用" class="reference-link">1. “>”可用于引用
这是一段引用
2. “- - -“用于分割线↓↓↓下面这个是分割线
3. 标题效果，最多支持6级
“#
实例演示获取dom元素的二个重要方法<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
1.markdown常用语法1.标题(标题建议最多用三级，不宜过深):1.1 用法：# 一级标题## 二级标题### 三级标题#### 四级标题........1.2 效果：一级标题二级标题三级标题四级标题2
1.一级标题
一个#代表一级标题对应h1标签，两个#代表h2，共6级标题
2.列表2.1无序列表
北京市上海市天津市江苏省
南京市扬州市苏州市常州市无锡市
2.2有序列表
list1list2lis
markdown常用语法markdown常用语法1. 语法1-标题使用“#”一个“#”号为一级标题“##”以此类推这个是二级标题“###”三级标题“####”四级标题“#####”五级标题“######
markdown语法1.标题h1标题h2标题h3标题h4标题h5标题h6标题这个是倾斜这个是加粗加粗+倾斜你真浪， 不好意思被删除了
2.列表2.1什么是无序？语法：无序列表用 - + * 任何一种都可
emment语法（一）1.简介Emmet语法的前身是Zen coding,它使用缩写,来提高HTML/CSS的编写速度,VScode内部已经集成该语法。官方手册：https://docs.emmet.io/cheat-sheet/
快速生成H
