HTML

组成

 <head>里面放一些不被渲染在整个网页主体页面上的东西。例如：搜索引擎的关键字，网页的基础信息（例如：<title>标题、）。
 
 <body>里面放真正要给用户看到的东西。例如：<h1>标题、<p>段落。

inline and block level element（块级元素与内联元素）

  块级元素：1、在页面以块的形式展现。

    2、出现在新的一行。

  3、占全部宽度。

 eg：<div><h1><p>

 内联元素：1、通常在块级元素内。

  2、不会导致文本换行。

  3、只占必要的部分宽度。

超链接

 <a href="ttps://google.com">Lorem</a>

 href="ttps://google.com"叫做attribute 

 ps:写在起始.

 如果想让超链接的网页在新的标签页打开，可以在href="ttps://google.com"后加上target="_blank"

列表

 <ul>

<li>内容</li>

</ul>

<ol>(会在前面添加数字）

 <li>内容</li>

</ol>

表格（table）

 <table>

<thead>（表头）

	<tr>

		<th>（表头内容）

				内容

		</th>

	</tr>

</thead>

<tbody>（表身）

	<tr>

		<td>（表身内容）

		</td>

	</tr>

</tbody>

表单（forms）

  <form action="" methd="POST">(action被指向一个文件)

   <div>（区块）

		   <label>First Name(内容)</label>（标签）

		   <input type="text" name="firstname" placeholder="Enter First Name"></input>（让用户填东西）（默认是text）（name="firstname" 是提交时后端能看到的。）

   </div>

   <div>

	<lable>Email</label>

	<input type="email" name="email" placeholder="Enter Email">(当 type="email"会自动检查email格式是否正确）

 </div>

 <input type="submit" name="submit" value="submit">（提交按钮）（value="submit"在提交按钮上显示的字）
    
   </form>

插入图片

   <img  style="width:100vw"(只占浏览器100%的宽度）src=""(图片的来源）alt=""(当图片找不到时显示的文字）>

 引用语句

 <blockquote></blockquote>

一些零散知识点

  <br>(空行)

 <hr>(画一行水平线)

<div style="margin-top:100px"></div>（空出100像素的空白）

<button>(按钮上的字）</button>

<abbr title="填入注释“”>被注释的</abbr>

<cite>引用名人名言</cite>（字体效果倾斜）

总结

自己学习时记的一些知识点，可能比较零散，还有一些是老师上课讲过的，然后今天整理了一下。

感觉整理的有点乱，而且这是一些浅层的点……

唔……之后有时间在整理吧

学习HTML的一些笔记 | 青训营笔记

HTML

组成

inline and block level element（块级元素与内联元素）

超链接

列表

表格（table）

表单（forms）

插入图片

一些零散知识点

总结