webstorm学习笔记1
<!DOCTYPE html>//网站说明
<html lang="en">//根元素
<head>
<meta charset="UTF-8">//原标签、编码格式变中文(国家标准BG2312)
<title>Title</title>//Title里面定义浏览器窗口文字
</head>
<body>//标签分为俩大类 块级元素、行级元素
<!--注释-->//html中注释符号，注释不能嵌套
helloworld//纯文本，未被标签包围的字符，原封不动被展示
//块级元素展示
<h1>ABCDE</h1>//标题标签
<h2>ABCDE</h2>
<h3>ABCDE</h3>
<h4>ABCDE</h4>
<h5>ABCDE</h5>
<h6>ABCDE</h6>
<p>这是p元素，段级标签，块级元素</p>
<div>分块用</div>
<ul>//块级元素、里面的文本必须放在<li></li>中
<li>345</li>//块级元素
<li>123</li>
<li>abc</li>
<li>def</li>
</ul>
<form action="www.baidu.com">//表单，里面写行级元素
<input type="text" /><br>//独有方式,只能写到form中，行级元素不换行
</form>
//行级元素展示
1111111
<span>abcd</span>//行级元素
<span>1234</span>
0000000
<a href="http://www.baidu.com">百度</a>//超链接标签，href元素属性,
//一个元素可以有无数个属性
<a href=""></a>//标准格式
<a href="http://www.baidu.com " target="_blank">百度</a>
//target="_blank跳转到另外一个页面
<i>你好！</i>//展示的为斜体字
<label>2222</label>//与span标签作用相同
<img src="timg.jpg" width="200px" height="200px">//width、height是img的独有属性
设置一个属性，另外一个会按比例缩小放大
<p>
<span></span>
</p>//嵌套标签
<h1>静夜思</h1>
<h4>作者：李白</h4>
<p>床前明月光</p>
<p>疑是地上霜</p>
<p>举头望明月</p>
<p>低头思故乡</p>
<p>
<div>    你好    </div>// 空格键
</p>
</body>
</html>
注：网页展示的样子与书写没有关系
块级：独占一行
行级：在一行
网页中一个回车代表一个空格，无论回车和空格多少次都代表一个空格
QQ图片20181009202835.png
QQ图片20181009202807.png
网友评论