html5基础元素 (代码+注释

笔记1 入门小白的学习笔记,欢迎路过的大佬指正



  
<html>       
<head lang="en">   
<meta charset="utf-8">       
<title>exercisetitle>        
    
    <style type="text/css">         
    p{                         
        color:aqua;
    }
    style>                    

    <style type="text/css">
        span{
            color:#EADF1D }
    style>
    <link rel="stylesheet" type="text/css" href="stylesheet1.css">  
head>

<body background="background1.jpg">
    fdreg
    


    <h1 align="right">标题h1h1>  
    <h2 class="h2ID">标题h2h2>    
    <h3>标题h3h3>
    <h4>标题h4h4> 


    <p>段落1p>    
    <p>段落2p>
    <p><a href="exercise1.html">打开当前地址a>study123p> 
    123<br/>       

    
    <ol type="a">                       
        <li>有序列表项1li>
            <ol>
            <li>1-1li>
            <li>1-2li>
            ol>
        <li>有序列表项2li>
            <ul>
            <li>2-1li>
            <li>2-2li>
            ul>
        <li>有序列表项3li>
    ol>

    <ul type="disc">             
        <li>无序列表项1li>
        <li>无序列表项2li>
    ul>

    <dl>
    <dt>自定义列表项1dt>
        <dd>对项1的描述dd>
    <dt>自定义列表项2dt>
        <dd>对项2的描述dd>
    <dt>自定义列表dt>
        <dd>对项3的描述dd>
    dl>
       

    
    <a href="http://www.jikexueyuan.com" target="_self" style="color:#EA1619">文字链接,跳转网页a>        <br/>
    <a href="http://www.jikexueyuan.com"><img src="图片链接.png" width="100px" height="50px" alt="html5logo">a><br/> 

    <a name="tips">helloa>  <br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#tips">文档内跳转到helloa>  <br/>

    <img src="exercise1.jpg" height="100"> <br/>              

    
    <b>加粗b>    
    字<sub>下标sub>        
    <ins>插入字ins>
    <em>着重字em>
    <strong>加重语气strong>
    <i>斜体i>
    <big>big>              
    <del>删除字del>   <br/>     

    



    
    <table border="1" cellpadding="1" cellspacing="1" cols="1">  
        <caption>表格标题1caption>
        <tr>                      
            <th>表头1th>       
            <th>表头2th>
            <th>表头3th>
        tr>           
        <tr>
            <td>单元格1td>
            <td>td>
            <td>单元格3td>
        tr>                        
        <tr>
            <td>
                <ul>                      
                    <li>无序列表项1li>      
                    <li>无序列表项2li>
                    <li>无序列表项3li>
                ul>                
            td>
            <td>want to dotd>
            <td>!!!!!!!!!!!td>
        tr>     
    table>  
    <br/> <br/>

    
    <table border="1">
        <caption>表格标题2caption>
        <tr>
            <th colspan="2">表头1th>   
            <th rowspan="2">表头2th>   
        tr>
        <tr>
            <td>单元格1td>
            <td>单元格2td>
        tr>
        <tr>
            <td>1td>
            <td>2td>
            <td>3td>
        tr>
    table>  <br/>

    
    <div id="divid1">            
        <b>div b1b>
        <a>div css设置a1与b1同色a>
    div>

    <div id="divid2">
        <b>div b2b>
        <a>div css设置a2与b2不同色a>
    div>

    <div id="divspan">
        <i><span>包含在span里面span>没有被包含在span里面i>   
    div>

    
    <form>            
        用户名:
        <input type="text">    
        <br/>
        密码: 
        <input type="password">  
        <br/>
        复选框:
        选项1<input type="checkbox">
        选项2<input type="checkbox">
        <br/>
        单选框:
        选项1<input type="radio" name="sex">    
        选项2<input type="radio" name="sex">
        <br/>
        下拉框:
        <select>
            <option>选项1option>
            <option>选项2option>
        select>
        <br/>
        <input type="button" value="按钮">
        <input type="submit" value="确认">
    form>
    <textarea cols="10" rows="10">文本域textarea>  
    

body>
html>

你可能感兴趣的:(html5基础元素 (代码+注释)