<DOCTYPE html>

<html lang="zh-cn">


<meta charset="UTF-8">


<!--- 网站关键字 --->

<meta name="keywords" content="php,html,css,linux,mysql" />

<!---- 网站描述 ---->

<meta name ="description" content="这是我在学习大前端课程写的第一篇博客文章" />


<link rel="icon" src="https://www.w3school.com.cn/ui2019/logo-16-red.png" />


<!--- 头部 --->

<head></head>

<!---- p是段落标签 ---->

<p>

文章千古事,得失寸心知。作者皆殊列,名声岂浪垂。

</p>


<!----- hr表示一条横线 ---->

<hr/>


<!--- br表示换行 --->

<br/>

<p>

<strong>骚人嗟不见,汉道盛于斯</strong>。<br/>前辈飞腾入,<i>馀波绮丽为</i>。

</p>

<p>

<b> 后贤兼旧列,历代各清规。法自儒家有,心从弱岁疲。</b>

</p>



<!---details 为可见或者隐藏的补充描述内容 ---->

<!---- summary配合 details使用,为标题 --->

<details>

<summary>这是标题</summary>

这是隐藏的内容

</details>


跳转链接

<a href="http://www.taobao.com" taget="_self" >去淘宝</a>


<hr/>

无序列表

<ul>

<li>价格</li>

<li>销量</li>

<li>品牌</li>

</ul>


有序列表

<ol>

<li>地址</li>

<li>国家</li>

<li>城市</li>


</ol>


<!--- 身体 ---->

<body></body>

</html>

更多相关文章

  1. 字体图标的引入和通过媒体查询改变导航样式
  2. HTML样式和常用选择器
  3. 字体图标的引用和自定义样式/媒体查询的使用
  4. 数据库的CURD操作、PDO本质与原理的学习
  5. CSS之伪类选择器和简单盒子简单案例
  6. 伪类选择器与盒模型常用属性
  7. 伪类选择器-结构伪类、根据位置选择匹配
  8. 7.4——常用标签与应用场景之表格与单元格
  9. css伪类选择器和盒模型

随机推荐

  1. python常用数据类型-字典
  2. 为什么Python的eval()拒绝这个多行字符串
  3. python3编写网络爬虫21-scrapy框架的使用
  4. python中None与Null的区别
  5. [LeetCode] 126. Word Ladder II 词语阶
  6. Pandas 文本数据方法 findall( )
  7. 错误:在windows7中安装psycopg2时无法找到
  8. Python 部分系统类的常用方法整理
  9. 【Python求助】在eclipse和pycharm中,通过
  10. python脚本下载并解码MNIST数据遇到的问