フロントエンドタグの基本的な説明（1）

フロントエンドの基本的な説明（1）

1.ハイパーリンク

1. ハイパーリンクの書き込み

 <a href=" 链接地址"  target="_blank"></a>
 使用_blank跳转另一个页面不会隐藏原来页面

2.圧縮ファイルをダウンロードするためのハイパーリンク

同目录下，下载文件名称
<a href=" img.zip"  target="_blank"></a>

3. ハイパーリンク画像をクリックしてジャンプします

<a href=" 链接地址"  target="_blank"><img src=""></a>

4.ハイパーリンクをポイントする

点击上面的链接，跳转到同页面的h1文本去
<a href="#life">123</a>

<h1 id="life">234</h1>

2つの特別な記号

<!-- --> 注释符
&nbsp 空格符
&lt 小于符 <
&gt 大于符 >

3つ、テーブルの属性/ラベル

align   (left right center)  规定表格相对的对齐方式
border =""  表格边框线
cellpadding  规定单元边框与其内容之间的空白 默认1像素
cellspacing 规定单元格之间的空白 默认2像素
width 表格宽度
height 表格高度

<table></table>表格属性标签
<tr></tr>行标签
<td></td> 表格标签
<thead></thead>  定义表格头部区域 内部必须有<tr>标签
<tbody></tbody>  定义表格的主体用于放数据本体


合并单元格
	跨行合并：rowspan="合并单元格的个数"
	跨行：最上侧单元格为目标格，写合并代码
	
	跨列合并：colspan="合并单元格个数"
	跨列: 最左侧单元格为目标格，写合并代码

合并后要删除多余的表格项

第四に、リストラベル

リスト間の違い

1、无序列表（重点）
ul标签里面只能放置li标签
li标签可以放任何标签
<ul>
<li>1</li>    
<li>2</li>
<li>3</li>
</ul>

2、有序列表（理解）
ol标签里面只能放li标签
li标签可以放任何标签
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>

3、自定义列表（重点）
dl里面只能存放dt和dd
dd都是围绕dt来说明的
dt、dd标签可以放任何标签
<dl>
<dt>第一行</dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>

5、フォームラベル

from为表单域
<from></from>

输入框
name 元素名称
value input元素值
checked 选框首次加载应当被选中的选项
maxlength 规定选的输入框字符的最大长度

<input type="text" value=“输入框提升文本”>账号</input>
密码框
<input type="password">密码</input>
单选框
<input type="radio">单选</input>
多选框
<input type="checkbox">多选框1</input>
<input type="checkbox">多选框2</input>

注意： input表单通过name=“”来区分
	单复选框如果是同一组 name必须相同 

   提交注册按钮，可以吧b表单域from里面的元素 提交到到另外一个页面
<input type="submit" value=“提交注册”></input>

    重置按钮还原表单元素初始默认状态
<input type="reset" value=“重置按钮”></input>

   普通button按钮 后期结合JS使用
  input type="button" value=“获取短信”></input>
    上传文件按钮
   <input type="file" ></input>

label标签 元素定义标注（标签）
<label for="text">用户名</label>
<input type="text"  id=“text”></input>