01-html

01-html

Hyper Text Markup Language

超文本标记语言

IDE：HBuilder

1.各类标签

• 标题标签

<h1></h1> 只能1-6

• 水平分割线

<hr/>

• 换行

<br/>

• 斜体

<i></i>

带语义：电子阅读器会加重语气

<em></em>

• 加粗

<b></b>

带语义：

<strong></strong>

• 修改字体(size 1-7)

<font></font>

<font color="red" size="1" face="微软雅黑" ></font>

• 图片

<img src=" " width="" height="" alt="" />

alt：文件加载失败是的提示信息

• 列表

  • 无序列表

  <ul>
      <li>百度</li>
      <li>...</li>
  </ul>
  
  

  • 有序列表

  <ol>
      <li>...</li>
      <li>...</li>
  </ol>
  
  

• 超链接

<a href="网站网址" target="跳转的方式 self：在当前窗口 blank：新标签页"></a>

• 表格
  • border 边框
  • width 宽度
  • height 高度
  • bgcolor 背景颜色
  • align 对齐方式

<table>
    <tr> <!--行-->
    	<td> </td> <!--列--> 
        <td> </td>
    </tr>
    <tr>
    	<td></td>
        <td></td>
    </tr>
</table>

合并单元格

​ colspan 跨列

​ rowspan 跨行

<td colspan="2"></td>      <!--跨两列-->

嵌套：width=“100%”

2.注册页面

<form action="提交表单后跳转的页面" method="跳转方式 get post">
    <!--输入框-->
	<input type="指定输入项的类型" placeholder="默认提示信息" name="表单提交时，当做参数使用" id="起名，后期使用">
    <!--
		type属性:
			text:文本
			password:密码
			radio:单选框，指定相同的name
			checkbox:复选框
			submit:提交按钮
	-->
    <!--文本域-->
    <textarea cols="宽度" rows="高度"></textarea>
    <!--下拉列表-->
    <select>
        <option></option>
        <option></option>
    </select>
    
    <input type="submit" value="按键名称">
    
</form>

3.框架

frameset(使用框架必须删除body标签)

属性 src：引入的html文件路径

​ name：指定框架的名称

<frameset rows="10%,30%,*">
    <frame src="aaa.html"/>
    <frame src="bbb.html"/>
    <frame src="ccc.html"/>
</frameset>