前端开发笔记一

标题居右
<h1 align ="align" = center></h1>

<a href ="index.php" target ="_blank"></a> 在新标签中打开
<a href ="index.php" target ="_self"></a> 在当前页面打开
<a href ="index.php" target ="_top"></a> 在最外层打开


<img src = "a.jpg" width ="100px" height = "100px" alt = "logo">

样式表

外部样式表
<link rel= "stylesheet" type = "text/css" href ="mystyle.css">
内部样式表
<style type = "text/css ">
    p{
        color:aqua;
    }
内联样式表
    <a style ="color : red "></a>
    

表格

<table border ="1" cellpadding ="10" bgcolor= "red" background ="1.jpg">
    定义表格和 边框和 大小 颜色 背景图
<caption>定义表格标题
<th>定义表格表头
<tr>定义行
<td>定义单元
<thead>定义页眉
<tbody>定义主题
<tfoot>定义页脚
<col>定义列

<ul type ="circle">无序列表
    <li>每一项
    </li>
</ul>

<dl>自定义列表
    <dt>hello</dt>dt>列表项
    <dd>new</dd>描述
</dl>
    
<ol type ="A">有序列表
    <li>ios</li>
</ol>
    
    
    

<div id = "id">  可以通过id进行css索引
    <p>
        hello
    </p>
    <a>
        world
    </a>
</div>


<div id ="span"> 可以用过style标签来改变span中的样式
    <p><span>hello</span>world</p>
</div>

css布局

<style type = "text/css">
    div#heading{
        width:100%;
        height:10%;
        backgroud-color = dark;
        float:left;
    }
</style>

表单

<form action = "http://"> action使其提交到指定页面
    <input type="text">
    <input type ="password">
    <input type ="checkbox">复选框
    <input type ="radio" name ="sex">单选框
    <input type ="radio" name ="sex">
    <select>下拉列表
        <option>a</option>
        <option>b</option>
    </select>
    
</form>

<textarea clos ="10" rows= "10" >hello</textarea> 本文框

<input tpye="button" value ="按钮">
<input type ="submit" value ="yes">

HTML交互

<form action = "http://" method ="get" >
    <input type ="text">
    <input type ="password">
</form>

HTML框架

<ifame> src ="framea.html" frameborder ="0" width ="300px" height ="300px"</ifame>