1、软件设置
下载安装软件，设置中文模式（选择安装chinese，chinese loren和open in browser）；
改变字体大小：ctrl++/-；
设置自动保存：auto save中选择“afterdelay”（在操作过后立刻保存）。
2、html的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>首先是根标签，声明一下是html类的文件；然后是头部标签，用来储存元数据；utf-8（万国码）以解决乱码问题；<title>设置网页名称；<body>主体标签，生成页面内容。
3、文件的特点
元素写法：<标签名> 比如：<p>、<body>书写元素时，先写标签名，然后回车
不区分大小写，但是基本都是使用小写；
一个html文件中有且只有一对html、body、head、title。
4、快捷方式
快捷生成网页基本结构：shift+!+enter/tab，输入法要在英文状态；
快捷生成注释：Ctrl+/ 单次生成，偶次取消；
快捷格式化文档：shift+alt+f；
快捷选中每行相同位置：shift+alt+鼠标左键；
快捷选中不同位置的内容：alt+鼠标左键；
快捷复制上一行：shift+alt+上下方向键；
快速生成文字：jw+num(生成中文)
lorem+num(生成英文单词)。
5、常用标签
<h1></h1>，<h2></h2>一级标题和二级标题；
<p></p>段落，每个段落单独一行；
<span>包裹文字，不独占一行
<br>强制换行，br后面的另起一行；
<em>强调内容；
<strong>强调语气；
<i>设置斜体文字；
<b>设置加粗文字；
<del>删除。
6、标签的分类
标签个数：单标签和双标签
双标签：由开始标签+结束标签，<标签名></标签名> 比如：<p>内容</p>；
单标签：有一个标签组成元素 <标签名/>或<标签名> 比如：<br>、<input />；
书写的注意点：
结束标签与开始标签要一致；
标签可以嵌套，但是不能交叉嵌套；
p标签不能嵌套h1~6和p。
案例
<!DOCTYPE html>
<html lang="en">
<title>李清照简介</title>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>人物简介</h1>
<p><b>李清照</b>
<i> （1084年3月13日~1155年5月12日）</i>
，宋代女词人，号易安居 <br>
士，婉约词派代表，有“千古第一才女”之称。早期生活优裕，金兵入 <br>
据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期 <br>
多悲叹身世，情调伤感。形式上善用白描手法，自辟途径，语言清丽。 <br>
论词强调协律，崇尚典雅，提出词“别是一家”之说，反对对作诗文之 <br>
法作词，留有诗集《易安居士文集》、《易安词》等。
<hr>
© 北大青鸟版权所有</p>
</body>
</html>
1357
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
