HTML+CSS & markdown
2020-11-13 本文已影响0人
雪国_youth
介绍： html是一种语言，css用来设置网页中元素的样式。
比如说：网页就是一个人，HTML是身体，css是衣服，JavaScript是动作。
一、简单布局
<nav>表示菜单
<article>表示内容
<footer>表示底部
<header>表示文档头部
例如：
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<title></title>
</head>
<body>
<h1></h1>
</body>
</html>
还可以用<link>标签来将css中的东西链
接到html中
二、标签
（1）meta标签
1. charset表示指定网页的字符集
如<meta charset=“UTF-8”>
2. name指定的数据名称
3. content指定的数据的内容
4. keywords网站关键字，如果指定多个关键字的话应该字与字之间要使用“ , ”隔开
如<meta name=“keywords” content=“网购,网上购物,在线购物”>
5. description指定网站的描述
6. <title>可以显示网页名称
7. 特殊符号
  空格；
< 小于；
> 大于；
© 版权
（2）一些语义化html标签
1.<body>表示文档主体</body>
2.<link>表示可以链接到类似css的文档中
3.<h1>到<h6>表示标题，<h1>最重要（一般仅有一个在一个页面里），以此类推。
4.<p>段落
5.<strong>强调
6.<br>换行
7.行状元素中，margin→仅左右方向有效， padding→左右上下都有效。
块状中，两者上下左右都有效。
三、其他
1.超链接
用<a>来定义
2.相对路径
用 . ./ 或 ./ 开头
↑ ↑
当前文件所在目录 当前文件所在目录的上一级目录
3.表格
<table>定义表格
<th>定义表格标题
<tr>定义表格的行
<td>定义表格的单元
还有表格的底色style="background
color：颜色名”
表格的长宽width,height，px
例如：
<table border=“1”>
<th>
<tr>
<td>第一行第一列</td>
同上（变成第二列）
</tr>
<tr>
<td>第二行第二列</td>
同上
</tr>
</table>
注：①顺序注意
- 有关Markdown语言
-
①用“#”的个数可以表示标题1～6
②用=-表示标题的一二级 -
用空行直接重新开始另外一个段落
-
下划线可以用<u>表示
-
类似于分隔线，字体之类的也用*的多
少来表示即可 -
“>” 为区块引用，然后“>”继续多下去可以一直引用
-
[链接名称] (链接地址）
<链接地址>
7.另外的那个列表嵌套↓
PS：一定别忘了“空格+ - ”才有用
- 第一项：
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
- 第二项：
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
8.无序列表
可以用“*/+/-”三种形式来表示
也别忘了“空格+以上三种形式”才有用
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
9.有序列表
“数字+ . +空格”
- 第一项
- 第二项
- 第三项
