首页 > Web开发 > 详细

html基础

时间:2020-05-09 13:29:14      阅读:53      评论:0      收藏:0      [点我收藏+]

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

标题标签,数字越小字号越大

 

<p></p>

段落标签

 

<i></i>

文字斜体标签

 

<b></b>

文字加粗标签

 

<br>

换行标签

 

<hr>

水平线标签

 

&nsp

空格标签

 

<a href="要跳转到的页面地址">文字描述</a>

增加target属性的_blank可以让页面在新的页面展开

超链接

 

<img src="图片地址"/>

在页面中添加图片

(图片是逐个放在一行,不够的话在另起下一行,可以给定单位:weidth或者height   单位是px像素,或者%100表示图片占满屏幕)

 

<ul>

  <li>

    列表项目

  </li>

</ul>

无序列表

 

<ol>

  <li>

    列表项目

  </li>

</ol>

有序列表

 

 <del></del>

给文字增加删除线

 

<sup></sup>

给文字增加上标

 

<u></u>

给文字增加下划线

 

<center></center>

使文字居中

 

相对路径和绝对路径,当用到相对路径时,返回上一层可以用    ../

 

表格

<table>

  <tr  algin="center">          表示文字居中显示

      <td></td>                      

      <td></td>

      <td></td>

  </tr>

</table>

table是一个表格,tr是一行,td是一列

border可以增加边框

cellspaceing可以设置边框空隙的宽度

 

表格中单元格的合并

colspan是列的合并

rowspan是行的合并

 

<p></p>不能嵌套p标签

 

 

表单提交例子

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title>爱了</title>
 6     </head>
 7     <body>
 8         <form action="https://www.bilibili.com/">
 9             <table border="1px" cellspacing="0px">
10                 <col width="100px">
11                 <col width="100px">
12                 <col width="100px">
13                 <col width="100px">
14                 <tr height="40px">
15                     <td rowspan="4"></td>
16                     <td colspan="3"></td>
17                     
18                 </tr>
19                 <tr height="40px">
20                     
21                     <td align="right">用户名:</td>
22                     <td colspan="2">
23                         <input type="text"  name="name" />
24                     </td>
25                     
26                 </tr>
27                 <tr height="40px">
28                     
29                     <td align="right">密码:</td>
30                     <td colspan="2">
31                         <input type="password"  name="password" />
32                     </td>
33                     
34                 </tr>
35                 <tr height="40px">
36                     
37                     <td colspan="3" align="center">
38                         <input type="submit" value="提交" />
39                         <input type="reset" value="重置" />
40                     </td>
41                     
42                 </tr>
43             </table>
44         </form>
45     </body>
46 </html>

用户名和密码要用name  form 的action属性值要有

 

容器的使用:span  div(空的div宽为100% 高为0)

为了方便使用样式修饰内容

text-align:center    让内部元素水平居中

margin:auto;      让元素本身水平居中(容器本身居中显示)

background-color:gray;   设定背景颜色

font-size:24px;    设定字体大小

color:white:     设定文字颜色

 

html基础

原文:https://www.cnblogs.com/z-cg/p/12853648.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!