1、webstorm相对于Hbuilder更加专业但是对电脑要求更高，使用及学习相同
HTML:超文本标记语言
标记语言的意思为语法是由标签规范
根标签<html> </html>
2、F12（或邮件检查）可以查看源代码可以对应查看（需要点击小箭头标识才可以锁定查看某部分的代码）
或者右键查看源代码进行查看整个页面的源代码
3、在网页的标题处显示图片：网页标题图片写法：<link rel="icon" href="路径" type="image/x-icon"/>
比较style引入格式：<link rel="stylesheet" href="testcss.css"> href="css文件路径"（在head中引入，引入外面不用写style）
4、标签两大类：
a、块元素block
b、内联元素（行内元素）inline
块元素特点：独占一行，支持宽高
div
h1~h6
内联元素（行内元素）：默认不独占一行，不支持宽高
w3c school
#hhh
5、标签对，属性在前一个标签里，内容在两个标签之间
< 属性>内容<>
6、碎知识
div标签不带任何样式，简单的块标签
p标签（段落）块元素，自带外边距
在编辑器里多个换行和空格会被解析成一个空格
<br>用于换行，单标签
<pre></pre>块元素，怎么写就怎么呈现，比正常字体微小。
单标签<br>同于<br />（新形式，都对）
<hr>水平线，实质是一个框，高度为0（或者写<hr />）
7、字体样式标签
加粗<strong></strong>（双标签，内联元素）
斜体<em ></em > 或者 <i ></i>italic（双标签，内联元素）
8、碎知识
标签可以嵌套
特殊符号：
代表空格的
><(大于号和小于号，比如想在页面上显示<br>)
> > （干他） < < （拉他）
直接用一个>或<号可以，成对出现时就需要以上转义。
版权符号 ©
9、图片标签：
<img src=" 路径 " title="鼠标放上时的悬停提示" alt="图片因错误无法显示时的提示字样">
绝对路径：从盘符开始算的
相对路径：相对当前文件的所在路径
10、连接标签：
<a href=" https://www.baidu.com "> 百度 </a>
href=" " 路径（如果不写则默认刷新，如果里面写javascript:;则取消默认事件）
target=" "弹去哪里 _blank（在新网页打开链接地址）；不写（默认本页面打开）
锚点操作（调到页面某一行）
a、同一页面锚点
<a href="目标点的id">去下一个</a>
<a id="目标点的id">目标点</a>
b、去另一页面的锚点
<a href="另一页面的文件名扩展名及#目标点的id">去下一个</a>
<a id="目标点的id">目标点</a>
11、列表标签（都是标签对）
ul（无序列表） ol（有序列表） dl（自定义列表）
ul/ol一级子元素只能是 li 标签,li的一级父元素也只能是ul、ol，与dl配套的不是li标签是<dt></dt> <dd></dd>标签 dt 套dd
理解父级元素、子级元素
嵌套规则：内联元素不能嵌套块元素，块元素随便嵌套
网友评论