前端学习part1 html

HTML 标签

标题标签：

 <h1> -----<h6>

 独占一行 加粗显示 1比6大

示例：

<h1>一级标签最大</h1>
<h6>6级标签最小</h6>

段落标签:

<p>

示例：

<p>这是一个段落。</p>

换行标签:

<br /> （单标签）

不同于段落，与上一行无间隔。

文本加粗标签：

<strong>或<b>

文本倾斜标签：

<em>或<i>

文本覆盖删除线标签：

<del>或<s>

下划线标签：

<ins>或<u>

盒子标签（分区标签）：

<div>    独占一行

<span> 同行跨距

div占一行放一些醒目的图片

span作用在一行放多个超链接

图片标签：

<img>

width和height修改一个即可，否则会改变图像比例

超链接标签：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

下载链接中的文件要和网页放在同一文件夹

6.锚点链接：快速定位到页面的某一处

<a href="#here">链接文本</a>

<h3 id="here">跳到此处</h3>

注释标签：

<！--注释语句-->  快捷键：ctrl + /

特殊字符：

表格标签：

<tabel>：总表格

<tr>：一行

<td>:一个单元格

<th>:表头单元格，内容加粗居中显示

表格属性：

还有height属性

这些属性要写到<table>里面去

<thead>：表头区域   <thead>内部必须拥有<tr>标签

<tbody>：表格主体区域

合并单元格：

<tb colspan = "n"></tb>:将该单元格横向扩张为n个单元格

<tb rowspan = "n"></tb>:将该单元格竖向扩张为n个单元格

列表标签：

<ul>:无序列表   <ul>中只能放<li>

<ol>:有序列表   <ol>中只能放<li>

<li>:列表项   <li>中什么都能放   

<dl>:自定义列表  <dl>中只能放<dt>和<dd>

         自定义列表中的标签：

         <dt>:大哥列表项   什么都能放

         <dd>:围绕大哥产生的小弟列表项   什么都能放

表单标签：

表单属性：       

<form>：定义表单域  

<input type="属性值" />（单标签）

type属性值：

input 的其他属性：

用同一个name才能实现多个radio的多选一

value是返回给后台的数据，是input显示的输入值

单选按钮和复选框可以设置checked属性，当页面打开时会默认选中（点击）该按钮

<label>: 点击<label>标签内的文本时，浏览器自动将光标转到对应的表单元素上

示例：

<label for = "man">男</label>
<input type = "radio"  name = "gender" id = "man">

<label>标签的for属性应与对应元素的id属性相同

<select>: 下拉表单 ，点击可以弹出列表，例如选择省份

    <option>:<select>中的选项 ，在option中定义 selected="selected"时,当前项即为默认选中项

<select>中至少包含一对<option>

<textarea>:产生多行输入框  属性包括cols（每行字数）和rows（总行数），但实际开发不用属性