html知识点总结

一.基本元素

HTML是一种超文本标记语言

基本格式 <标签>内容</标签>

二.元素属性

元素有其对应的属性

<a href="http://www.baidu.com">百度</a>     其中herf为a的属性

 

三.文本格式标签

<br />换行

<p>段落一</p><p>段落二</p>

<b>内容</b>

 

字体设置标签

<strong>内容<strong>加粗

<font color="#FF0000">设置字体红色</font>

<font size="3">设置字体大小</font>

<font face="黑体">设置字体黑体</font>

 

标题标签

<h1>最大标题标签</h1>

<h2>标题标签</h2>

<h3>标题标签</h3>

四.超链接

<a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，例如

<a href="http://www.baidu.com">百度</a>

五.插入图片

<img> 元素向网页中嵌入一幅图像,<img> 标签有两个必需的属性：src 属性 和 alt 属性。src 指 "source"。源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本。

<img src="url" alt="图片" />

六.表格

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

七.列表

无序列表使用 <ul> 标签

<ul> <li>Coffee</li> <li>Milk</li> </ul>

有序列表项使用数字来标记。

<ol> <li>Coffee</li> <li>Milk</li> </ol>

八.表单

<form> 

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

<form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form>

九.其他

区块元素

<h2>区块元素</h2>
<div>Hello</div>
<div>World</div>
<p>单独一行</p>

 内联元素

<h3>下面的元素将在一行中显示</h3>
<span>姓名：</span>
<input name="username">
<span>哈哈哈</span>
<a href="https://google.com/">Google</a>
<img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg">

 特殊字符

<p>有多          远，滚                         多远！</p>