2020.12.22张钰香.md

常见标签

列表

有序列表

    type

  1. li是list item的首写字母缩写
  2. li是列表项目

无序列表

type:列表前序号类型

squar:方形

disc:实心圆(默认值)

circle:圆

定义列表
标题
对标题的描述

表格

标签来定义

每个表格均有若干行(由

标签定义),每行被分割成若干单元格(由

标签定义)

border表格边框

表头

<tr>

​      <th>  内容会默认加粗居中显示

​    </th>

<tr>

cellspacing:单元格之间的空隙

cellpadding:单元格内边距/内填充

<thead>   表格页眉

<tbody>   表格住体

<tfoot>    表格页脚

colspan:合并单元格(写于要合并的起始单元格)----列

<td colspan="2">

rowspan:合并行

<td rowspan="2">     

表单


<form>用于用户输入创建HTML表单
文本框:    <input type="text"/>  input输入框,type用来指定其类型,input都有value属性用于指定其值,表单readonly表示只读,disabled指禁用,require必填,placeholder 默认提示文字  <br/>
密码框:    <input type="password"/> <br/>
颜色:     <input type="color"/><br/>
单选框:<input type="radio"name="gender"/>
    <input type="radio"name="gender"checked="checked"/></br/>checked属性,默认选中 
  多选框:<input type="checkbox" name="hobby"/>看书
        <input type="checkbox" name="hobby" />打游戏
        <input type="checkbox" name="hobby" checked="checked" />写代码
        <br />
下拉列表:<select>
                        <!-- option 是每一个选项 -->
                        <option>青海省</option>
                        <option selected="selected">陕西省</option>
                        <option>山东省</option>
                    </select>   
                    <br/>
文本域:<textarea cols="20" rows="5"></textarea>        
            <br/>
            <button type="button">普通按钮</button>
            <input type="button" value="普通按钮" />
            <br />
            <button type="submit">提交按钮</button>
            <input type="submit" value="提交按钮" />
            <br />
            <!-- 重置为初始状态,并不是清空 -->
            <button type="reset">重置按钮</button>
            <input type="reset" value="重置按钮" /
            

图片

图片格式:jpg/jpeg png gif bmp -->

<!-- src 属性用于定义图片的源 title 鼠标悬停显示的文字  alt 图片加载不出来,显示的文字
            width/height 指定图片的宽/高,如果只指定一个 图片会等比例进行适应
    如:<img src="kedaya.jpeg" title="可达鸭啊" alt="这是只可达鸭" width="200px" height="500px"/>
    

音/视频

audio表示音频 ,src 指定音频源, controls播放器控制按钮 ,autoplay 自动播放 ,chrome浏览器在新的版本中禁用了网页自动播放,muted 静音,video表示视频。
如:

    <audio src="zhuiguangzhe.mp3" controls autoplay="autoplay" muted="muted">
        当前浏览器不支持此标签
    </audio>
<video src="01.mp4" controls="controls"></video>

    <marquee>弹幕</marquee>

心得体会

​ 这次的实训感觉比平时课本内容的学习以及实验室中做的实验实用多了,学会制作一个网页是一项很有意义的工作,而我对于自己正在学习这个内容而感到很有意义,毕竟这是可以用于实践的,可是对于学习成长道路有很大作用的,就是上课感觉有点跟不上老师的节奏,希望自己再接再厉,让每一天的时间都不浪费,都可以学到有用的知识。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1