美文网首页
html与css

html与css

作者: RideoCos | 来源:发表于2018-10-17 19:38 被阅读0次

  • Part one 常用html标签


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="html">
        <meta name="author" content="RideoCos">
        <meta name="distribution" content="教程">
        <meta http-equiv="refresh" content="30">
        <title></title>
    </head>
    <body>
    </body>
</html>
<table border="1" cellspacing="单元个间距" cellpadding="单元格边距">
            <caption>表</caption>
            <tr height="50"><td width="60"></td><td width="60"></td><td colspan="2"></td><td width="60"></td></tr>
            <tr height="25"><td width="60"></td><td width="60"></td><td rowspan="2"></td><td rowspan="2"></td><td width="60" rowspan="2"></td></tr>
            <tr height="25"><td width="60"></td><td width="60"></td></td></tr>
            <tr height="50"><td width="60"></td><td width="60"></td><td width="60" ></td><td width="60"></td><td width="60"></td></tr>
            <tr height="50"><td width="60"></td><td width="60"></td><td width="60" ></td><td width="60"></td><td width="60"></td></tr>
            <tr height="50"><td width="60"></td><td width="60"></td><td width="60"></td><td width="60"></td><td width="60"></td></tr>
        </table>
<ul id="无序列表">                    <ol id="有序列表">
    <li>吃饭</li>                         <li>吃饭</li>
    <li>睡觉</li>                         <li>睡觉</li>
    <li>打豆豆</li>                       <li>打豆豆</li>
</ul>                                 </ol>
<img src="img/IMG_2382.JPG" alt="未加载时的说明" title="鼠标放上去显示的文字"/>
<a href="" target="_blank">链接</a>
    <form action="" method="post" name="input">
                <!--
                    form表单标签提交的input标签中含有name属性的标签数据,以name=value的形式进行提交
                    要提交的input标签必须放在form表单标签内                -->
                <span id="">
                    name:
                </span>
                <input type="text" name="name" value="" placeholder="输入用户名" maxlength="10"/>
                <br />
                <span id="">
                    pawd:
                </span><input type="password" name="password" value="" placeholder="输入密码" maxlength="11"/>
                <br />
                <!--
                    一组单选里面的name值必须一致
                -->
                男:<input type="radio" name="sex" id="" value="" checked="checked"/>
                <br />
                女:<input type="radio" name="sex" id="" value="" />
                <br />
                <!--
                    复选框-同一组复选按钮name值必须一样
                -->
                音乐:<input type="checkbox" name="all" id="" value="" checked="checked"/>
                电影:<input type="checkbox" name="all" id="" value="" />
                小说:<input type="checkbox" name="all" id="" value="" />
                睡觉:<input type="checkbox" name="all" id="" value="" />
                
                <div id="" style="position: relative;right: 88px;">
                    <br />
                    <input type="submit" name="" id="" value="提交" />
                </div>
                <div id="" style="position: relative;left: 88px;bottom: 25px;">
                    <input type="reset" name="" id="" value="重置" />
                </div>
                <!--普通按钮-->
                <div id="" style="position: relative;right: 40px;">
                    <input type="button" id="" value="登陆" style="color:brown;"/>
                </div>
                <div id="" style="position: relative;left: 40px;bottom: 25px;">
                    <input type="button" id="" value="注册" style="color:coral;"/>
                </div>  
            </form>
<select name="">
            <optgroup label="高校1">
                <option value="">郫县高级男子技术学院</option>
                <option value="">军都山政法干校蓟门桥下岗再就业培训中心</option>
                <option value="" selected="selected">五道口职业技术学院</option>
                <option value="">中关村应用文理学院</option>
            </optgroup>
            <optgroup label="高校2">
                <option value="">五角场文秘职业技术学院</option>
                <option value="">东川路男子职业技术学院</option>
                <option value="">磨子桥职业技术学院</option>
                <option value="">上海市第一建筑施工队</option>
            </optgroup>
        </select>
        <textarea name="" rows="5" cols="10" maxlength="50" placeholder="就你话多?"></textarea>
        <button >注册</button>
        <button><img src="img/IMG_2382.JPG" height="10px" width="10px"/></button>

相关文章

  • 前端书单

    HTML 《Head First HTML与CSS》 CSS 《CSS揭秘》《CSS世界》 JS 《JavaScr...

  • 2020-11-27

    关于HTML、CSS与JS 1 HTML、CSS与JS定义 HTML(Hyper Text Markup Lang...

  • 前端必读书籍推荐

    HTML 与 CSS 《Head First HTML与CSS(第2版)》--豆瓣评分 9.3。入门真的是经典书籍...

  • 面试题一览

    HTML与CSS HTML与CSS常用编译工具 原生js h5 React Vue ES6 javascript框...

  • CSS的简介

    -为什么要用CSS 什么是CSS CSS与HTML的关系 CSS语法 为什么要用CSS 什么是CSS CSS与HT...

  • HTML基础语法

    HTML 与 CSS 主要内容 HTML ​ HTML(HyperText Markup Language)就...

  • HTML5+CSS3+jQuery Mobile轻松构造APP与

    《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站》以HTML与CSS为主,配合jQuer...

  • HTML 与 CSS

    HTML 与 CSS 主要内容 HTML ​ HTML(HyperText Markup Language)就是超...

  • css 和JS

    * CSS* CSS的简介* 层叠样式表。* CSS与HTML的结合(4种)* HTML的标签提供了属性style...

  • CSS初探16

    Head First HTML与CSS 第十一章 布局与定位 CSS——掌控页面的表现 CSS表格显示 CSS表格...

网友评论

      本文标题:html与css

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