开学第一课
markdown 常用语法
| 序号 | 元素 | 标签 |
|---|---|---|
| 1 | 标题 | #，##，###，####… |
| 2 | 段落 | 行末加2个空格，或行与行之间空一行 |
| 3 | 文本 | 斜体,加粗 |
| 4 | 分隔条 | —- 不能少于三个-线 |
| 5 | 列表 | 分为有序和无序,有序:1. 2. …,无序:-…,支持嵌套 |
| 6 | 引用 | >…,可多行,形成一个区块,内部支持列等 |
| 7 | 代码 | 单行: `…`,多行: ```html …``` |
| 8 | 链接 | [名称]（url）,或者\<url> |
| 9 | 图片 | ![名称]（图片url) |
| 10 | 表格 | 用坚线画 |
语法练习
段落
这是一个有趣的灵魂
在这里无处安放
文本
- 斜体
- 粗体
分隔条
在这里要分隔一下
列表
有序列表
- 一次元
- 二次元
- 三次元
- 四次元
- 爱你哦
无序列表
- 作业帮
- 帮作业
- 做作业
- 写作业
- 作业来了
- 再来一次
- 就这一次
引用
这是来自 PHP中文网的引用
帅气的PHP是学习的动力
代码
这个不是很好懂,但老师有讲，单行代码用的一般用于引用，多行代码是写于固定数据.
单行代码<?php include "header.php"?>
多行代码
<!DOCTYPE html><html><head><head><body><body><html>
链接
- 网页链接
百度一下 - 图片链接（缺点不能定义规格）
语义化结构元素
常用的九个标签
- <h1-h6>
- 标题 通常用来划分或标注内容中的文本段落
- <header>
- 页眉 一般是由导航，logo等元素组纪
- <footer>
- 页脚 一般是由友情链接，联系方式，备案号，版权等信息组成
- <nav>
- 导航 通常是由一个或多个链接标签
<a>标签组成
- 导航 通常是由一个或多个链接标签
- <main>
-主体 展示页面主体内容，建议一个页面，只出现一次 - <article>
- 文档 本义是文档，实际上可以充当其它内容的容器
- <aside>
- 边栏 与主体无关的信息（广告位，相关推荐，阅读排行等版块）
- <section>
-区块 文档或主体中的通用小组 - <div>
-容器 本身无任何语义，通过它的属性来描述用途
html5基础
html 作用
- HTML 页面结构
- CSS 元素样式与排列
- JavaScript 元素行为与交互
超文本标记语言
- 超文本 普通文本上添加
属性定义特殊行为 - 标记 使用
标签做为页面元素的标识符 - 语言 没有流程控制算不上真正编程语言
html元素
- 块级元素 垂直排列
<div>,<p> - 行内元素 水平排列
<span>,<a>
3.行内块元素 水平排列，高度可自定义<img><video>
标签与属性
- 标签 元素的基本用途
<h3>hi<h3> - 属性 元素的基本特征
<h3 class="title">hi<h3>
标签分类
- 双标签 自定义内容
<h3 class="title">欢迎来到英雄联盟<h3> - 单标签 外部资源
<img src="xxx" alt="logo">
通用属性（常用要记，重点）
- ID 唯一标识
- class 给元素添加类样式
- style 设置当前元素样式