学习笔记

<!doctype html>//文档声明
<html>
    <head>
        <!--引入资源文件  -->
        <meta charset="UTF-8">
        <title>基础</title>
    </head>
    <body>
        <p>段落</p>
        <!--图片-->
        <!--  本地图片不要用绝对路径-->
        <!--同级目录下直接用图片名,相对路径
title 鼠标滑上时的提示
-->        
          <img src="图片地址" alt="图片加载不出来时的提示" />
        
    </body>
</html>

列表

<!doctype html>//文档声明
<html>
    <head>
        <!--br /换行-->
        <br />
        <!--引入资源文件  -->
        <meta charset="UTF-8">
        <title>列表</title>
    </head>
    
    <body>        
    <!--无序列表-->
        <ul type="tishifu">
            <li>列表项</li>
        </ul>
        <!--有序列表,type修改提示-->
        <ol>
            <li> 列表项 </li>
        </ol>
        <!--自定义列表-->
        <dl>
            <dt> 自定义的标题</dt>
            <dd>对自定义的描述</dd><!--可以多个,当嵌套关系时都可用自定义列表-->
        </dl>
        <!--表单-->
        <form action="输入框里的内容要提交的地址" method="提交的方式">
            <!-- 表单元素-->
            <input type="text" name="后台提示" value="输入提示用时需要清空"placeholder="输入提示不需要清空" ><!--text文本输入框,password密码框button按钮sumbit提交到action里-->
            <input type="button" value="">
            <input tyme=“sumbit”>
            <!--单选框 name值相同为一组-->
            <input type="radio"name=“ 后台提示” value="后台获取的值">提示
            <!--name值相同,才能实现单选checked默认选中>
            <!--复选框 name值相同为一组-->
                <input type="checkbox"name =""value="" >
            <!--重置输入框-->
            <input type ="reset" value="按钮名字">
            <!--文本域cols rows行高宽-->
            <textarea name=""></textarea>
        </form>
    </body>
</html>

表格

<!doctype html>//文档声明
<html>
    <head>
        <!--引入资源文件  -->
        <meta charset="UTF-8">
        <title>表格</title>
    </head>
    <body>
        <table border="像素" cellsapcing="单元隔间的距离" cellpadding="元素与各间的距离">
            <caption>表名</caption>
             <tr>        
            <th>表头</th>
        </tr>
            <!--width宽 bgcolor背景色 align靠左或靠右>
            <tr> 
            <!--行 rowspan合并,写td上-->
           <td><!--列,colspan合并=”2“2个格合并-->元素</td>
            </tr>
       
        </table>
    </body>
</html>

布局

<!doctype html>//文档声明
<html>
    <head>
        <!--引入资源文件  -->
        <meta charset="UTF-8">
        <title>布局</title>
    </head>
    <body> <!--元素 :标签加标签内容-->
      <!--布局标签-->
        <!--块级元素-->1
        <div>
            
        </div>
        <p>
          <span>布局元素</span>  
        </p>
    </body>
</html>
posted @ 2020-01-19 17:28  JZCTPP  阅读(133)  评论(0编辑  收藏  举报