html基本知识

1 html基础标签

1.标题字体
h1~h6
<h1></h1>
 

2.斜体

<i></i>|<em></em>
 
3.加粗字体
<b></b>|<strong></strong>
 
4.下划线
<u></u>
 
5.换行
<br/>
 
6.水平线
<hr/>
 
7.设置上下标
<sup>|<sub>
 
8.超链接
<a href="http://baidu.com" title="提示内容" target="_self/_blank(网址打开方式)">百度</a>
 
9.段落()
<p></p>
 
10.插入图片
<img src="图片来源" title="鼠标停留图片时的提示" alt="图片加载不了时的提示">
 
11.
../(出当前目录)
/文件夹名字(进入当前目录)
 

2 列表

一、列表

1.有序列表
 <ol>
   <li>第一行</li>
   <li>第二行</li>
 </ol>
2.无序列表
<ul>
   <li>第一行</li>
   <li>第二行</li>
 </ul>
3.自定义列表
 <dl>
   <dt>名词</dt>
   <dd>解释</dd>
 <dl>
 

3 表格

一对<tr></tr>代表一行
一对<tb></tb>代表一个单元格

<table width="300px" heighth="150px" border="1px" bodercolor="red"cellspacing="0" cellspdding="10px">

  <tr>
    <tb></tb>
    <tb></tb>
    <tb></tb>
  </tr>
</table>
 
合并单元格
  合并同一行的两个单元格,把后面的单元格去掉,colspan="2"
  合并同一列的两个单元格,把后面的单元格去掉,rowspan="2"
 

4 表单

表单框

<form name="userinfo" method="post/get"(提交后的结果是否在url后显示) action="url">

  <!--表单控件-->
  form表单标签
  action:将表单数据提交给什么服务器(服务器的地址)
  method:get/post
  get和post区别:get会将表单提交的内容直接放在请求的URL地址里,效率高,不安全。post不会将表单数据显示到url上,会放置在请求的body上。
  搜索/正常的请求就会使用get
  登陆/注册等比较隐私和安全的内容时候,就需要用到POST,上传文件的时候也会用到post
 
  用户名:<input type="text" name="username" value="">
  密码:<input type="password" name="psw">
  确认密码:<input type="password" name="repsw">
  性别:<input type="radio"(单选框) name="gender" value="男">男
     <input type="radio" name="gender" value="女">女
  爱好:<input type="checkbox"(复选框) name="love" value="bb">篮球
     <input type="checkbox" name="love" value="fb">足球
     <input type="checkbox" name="love" value="pb">排球
 
  
  type="checkbox"(多选框 diabled="disabled"禁用,checked="checked"默认选中),"radio"单选框 ,"sumit"提交表单 , "reset"重置表单,
  
  下拉列表
  <select name="">
    <option>下拉选项1</option>
    <option>下拉选项2</option>
    <option>下拉选项3</option>
  </select>,
 
  多选文本
  <textarea name="" rows="" cols="">
 
  </textarea>
 
</form>
 

5 div

div是常见的块元素

<div style="100px;height:100px;backgroup-color:red">
</div>
 
原文地址:https://www.cnblogs.com/qq308015824/p/10923648.html