学习笔记：HTML知识点

最新推荐文章于 2024-11-03 20:03:09 发布

Vell Vell

最新推荐文章于 2024-11-03 20:03:09 发布

阅读量80

点赞数

文章标签： html

本文链接：https://blog.csdn.net/VellVell/article/details/115211944

版权

加入换行时，不需要结束标签，只需<br>

注释方法:

某些字符在属性中使用时，需要进行编码：

<p title="'A' for "Apple""> （'A' for "Apple"）

Result	Description	Entity Name	Entity Number
	non-breaking space
<	less than	<	<
>	greater than	>	>
&	ampersand	&	"
"	quotation mark	"	&
'	apostrophe	'	'

输出多个空格的时候，使用不间断空格

e.g., A   B ，会输出三个空格

Six levels of headers: h1, h2, …, h6

Paragraph (p) and Line Break (br)

Text Formatting: Bold (b), italics (i), underline (u), subscript(sub), superscript (sup), etc.

绝对URL 完整的URL ，开始由http:// or https://

相对 URL相对于当前文件的URL

假设当前的URL为 http://www.example.com/foo/bar/index.html

path/index.html 可以理解为 http://www.example.com/foo/bar/path/index.html

/index.html 可以理解为 http://www.example.com/index.html

../index.html 可以理解为 http://www.example.com/foo/index.html

关于列表：

<ul>  
<li>Item 1</li>
<li>Item 2</li>
</ul>

<ul type="square">
<li>Item 1</li>
<li>Item 2</li>
</ul>

<ul type="circle">
<li>Item 1</li>
<li>Item 2</li>
</ul>

以上分别为实心原点，方块，圆圈序号标记

<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>

<ol type="A" 
    start="5">
<li>Item 1</li>
<li>Item 2</li>
</ol>

<ol type="i" 
    start="10">
<li>Item 1</li>
<li>Item 2</li>
</ol>

以上分别为数字，字母，罗马数字序号标记

关于图片（jpg，gif，png）

Example： <img src="SomeFile.gif" alt="My Dog" title="My Dog" width="400" height="300">

src: 图片的地址（必须）

alt: 图片的问题描述

title: 鼠标浮过时会显示的文字，可理解为图片名称

width, height: 图片的尺寸（为指定时，会增加页面缓冲时间，或者造成页面混乱）

关于表单

HTML中表单用于收集客户端输入的信息

输入可以直接发送到服务器或使用客户端 JavaScript 进行处理。

<form action="/action_page.php" method="GET">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>