HTML标签

<html>...</html>:定义HTML文档

<head>...</head>:文档的信息

<meta/>:HTML文档的元信息

<title>...</title>:文档的标题

<link/>:文档与外部资源的关系

<style>...</style>:文档的样式信息

<body>...</body>:可见的页面内容

<!--...-->注释

 

文本

<h1>...</h1>:标题字大小(h1~h6)

<b>...</b>:粗体字  <strong>...</strong>:粗体字(强调)

<i>...</i>:斜体字  <em>...</em>:斜体字(强调)

<center>...</center>:居中文本

<ul>...</ul>:无序列表  <ol>...</ol>:有序列表,顺序

<li>...</li>:列表项目

<a href=" ">...</a>:超链接

<font>...</font>:定义文本、字体、尺寸、颜色、大小

<sub>:下标  <sup>:上标  <br/>:换行  

<p>...</p>:段落其它

 

图形

<img src="*.jpg"/>:定义图像  <hr/>:水平线 

 

表格

<table>...</table>:定义表格

<th>...</th>:定义表格中的表头单元格

<tr>...</tr>:定义表格中的行

<td>...</td>:定义表格中的单元格

<form>...</form>:定义供用户输入的HTML的表单

<frame\>:定义框架集的窗口或框架

 

width:设置段落的宽度

height:设置段落的高度

①<div>1</div>

 <div>2</div>

 <div>3</div>

1
2
3

 

 

 

 

②<div style="float:left">1</div>

 <div style="float:left">2</div>

 <div style="float:left">3</div>

float:lef;(向左浮动) 

123
 
 

 

 

 

 

③<div style="float:left;width:100px;height:100px;">1</div>

 <div style="float:left">2</div>

 <div style="float:left">3</div> 

④<div style="float:left;width:100xp;height:100px;">1</div>

 </div>2</div>

 

样式表中:属性名:值;  HTML属性:属性名="值";

⑤background-color:#ccc(浅灰色);设置背景颜色为浅灰色

⑥width:30%;设置方框占网页的30%

 

posted @ 2018-10-23 20:13  Confession  阅读(144)  评论(0编辑  收藏  举报