美文网首页
HTML+HTML5篇

HTML+HTML5篇

作者: 冰溪bx | 来源:发表于2019-02-03 16:15 被阅读0次

    HTML:

    这部分我就不多说了吧,就是学习HTML的基本标签,这是必需的,我也不列举有多少种标签了,大家自行去查询,自行去记忆更加深刻。

    PS:还是提一下HTML中容易忽略的地方。

    HTML5声明

    <!DOCTYPE html>

    字符编码

    <meta charset="uft-8">

    转行

    <br>

    分割线

    <hr>

    假链接

    "#"或"javascript"

    base标签(全局:超链接)

    <base target=“_self">跳转到自身

    <base target="_blank">新打开网页跳转

    div标签和span标签!!

    div标签是对网页基本布局的构建

    <div class="header">

    <div class="content">

    <div class="footer">

    span标签式对局部信息进行设置<p>我是<span>文本</span></p>

    独占一行的就是块级元素

    非独占一行的是行内元素

    两者可以转换,用CSS转换

    display=block 转换成块级

    display=inline=block 转换行内块级

    display=inline 转换成行内

    无序列表

    <ul>

    <li>

    </li>

    </ul>

    定义列表

    <dl>

    <dt></dt>

    <dd></dd>

    </dL>

    表格

    <table>

    <tr>

    <td>

    </td>

    </tr>

    </table>

    单元格合并

    <td colspan="2">单元格水平方向1个格子占2个格子的位置

    <td rowspan="2">单元格垂直方向1个格子占2个格子的位置

    input标签各种类型

    <input type="text">文本框

    <input type="passworf">不可见的文本框(密码)

    <input type-"radio">单选框

    <input type="checkbox">多选框

    <input type="button" onclick="alert(按钮返回的内容)">按钮

    <input type="rest">重置按钮

    <input type="image" onclick="alert(点下后返回的内容)">放置图片

    Label标签(关联用)

    <label for="account">账号:</label><input type="text" id="account">

    效果:点击账号文字可以对焦到后面的文本框

    dalist标签(候选框内容用)

    请输入你的车型:<input type="text" list="cars">

    <datalist id="cars">

    <option>奔驰</option>

    <option>宝马</option>

    <option>奥迪</option>

    <option>路虎</option>

    下拉选择框标签

    <select>

    <optgroup label="北京">(给选择的元素添加一个不可选的标题注释)

    <option>朝阳区</option>

    <option>昌平区</option>

    </option>

    <optgroup label="广州">

    <option>天河区</option>

    <option>越秀区</option>

    </option>

    第一种格式 视频标签(各种属性)(音频audio标签用法跟视频video一样)

    <video src="视频地址"

    autoplayer(自动播放)

    controls(显示控制条)

    poster(显示未播放时视频缩略图)

    loop(循环播放)

    preload(预加载视频,跟autoplayer相冲突)

    muted(静音)

    </video>

    第二种格式 视频标签(有三种格式,type后面接视频格式:Ogg,mp4,webM)

    <video>

    <source src="" type=""></source>

    <source src="" type=""></source>

    </video>

    marquee标签(文字滚动标签)

    <marquee>内容</marquee>

    属性:

    direction:滚动方向

    scrollamount:滚动速度,值越大速度越快

    loop:滚动次数,值多少就滚动几次

    以上就是我在自学HTML和HTML5的时候做下的笔记,当然肯定是不全面的,我只记下了我比较匮乏的方面,大家看看就好,别喷喷我也不会看,我只是一个刚入门的小萌新,博客肯定是方便我之后找工作啦。

    相关文章

      网友评论

          本文标题:HTML+HTML5篇

          本文链接:https://www.haomeiwen.com/subject/hfnysqtx.html