介绍: 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.有序列表
“数字+ . +空格”
- 第一项
- 第二项
- 第三项
网友评论