前端开发入门基础---HTML笔记篇

Posted 勇敢*牛牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端开发入门基础---HTML笔记篇相关的知识,希望对你有一定的参考价值。

牛牛纯手码!!!!

新鲜出炉的:源码+笔记(还热乎)

分为上下两篇,作为pink老师的亲传弟子,好吃的“包子”当然要分享给更多的人!10天码出
近"五万"字的“源码+笔记”,
只要你想要免费送给你!!!!!
手工书写超高清脑图笔记

免费送!!!!!

midmaster脑图设计笔记,加快脑袋瓜的记忆,让思维更流畅,记忆更加衔接!.

源码在线+各种“骚”案例,让你乐在其中!!!!!

代码效果展示:

代码描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>综合案例—注册页面</title>
</head>
<body>
    <h4>青春不常在,抓紧谈恋爱</h4>
    <table width="600"><!--表格表格标签 border="1"-->
        <tr>
            <td>
                性别:
            </td>
            <td>
                <!--label标签类似锚点标签,多个id的名字是需要不同的,增加用户体验-->
                <input type="radio" name="sex" id="man"/><label for="man"><img src="男.jpg" width="30" height="30" /></label>
                <input type="radio" name="sex" id="woman"/><label for="woman"><img src="女.jpg" width="30" height="30" /></label>
            </td>
        </tr>
        <tr>
            <td>
                生日:
            </td>
            <td>
                <select name="出生年" >
                    <option selected="select">--请选择年--</option><!--两种写发,可以选择默认和置第一行位置-->
                    <option>1999</option>
                    <option>2000</option>
                    <option>2001</option>
                    <option>2002</option>    
                </select>
                <select name="出生月">
                    <option selected="select">--请选择月--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option> 
                    <option>5</option>    
                    <option>6</option>    
                    <option>7</option>    
                    <option>8</option>    
                    <option>9</option> 
                    <option>10</option>   
                    <option>11</option>    
                    <option>12</option>    
                </select>
                <select name="出生日">
                    <option selected="select">--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option> 
                    <option>5</option>    
                    <option>6</option>    
                    <!--依次往后写就行-->
                </select>
            </td>
        </tr>
        <tr>
            <td>
                所在地区:
            </td>
            <td>
                <input type="text" name="area" value="请输入你所在的地区"/>
            </td>
        </tr>
        <tr>
            <td>
                婚姻状况:
            </td>
            <td>
                <input type="radio" name="view" id="wei" /><label for="wei">未婚</label>
                <input type="radio" name="view" id="yi" /><label for="yi">已婚</label>
                <input type="radio" name="view" id="li" /><label for="li">离婚</label>
            </td>
        </tr>
        <tr>
            <td>
                学历:
            </td>
            <td>
                <select>
                    <option>幼儿园</option>
                    <option>小学</option>
                    <option>高中</option>
                    <option>大学</option> 
                </select>
            </td>
        </tr>
        <tr>
            <td>
                喜欢的类型:
            </td>
            <td>
                <input type="checkbox" name="type" id="1"/><label for="1">妩媚滴</label>
                <input type="checkbox" name="type" id="2"/><label for="2">可爱滴</label>
                <input type="checkbox" name="type" id="3"/><label for="3">小鲜肉</label>
                <input type="checkbox" name="type" id="4"/><label for="4">老腊肉</label>
                <input type="checkbox" name="type" checked="checked" id="5"/><label for="5">都喜欢</label>
            </td>
        </tr>
        <tr>
            <td>
                个人介绍:
            </td>
            <td>
                <textarea>人生经历</textarea>
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <input type="submit" value="免费注册"/>
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <input type="checkbox" checked="checked"/>我同意注册条款和会员加入标准
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <a href="#">我是会员,立即登录</a>
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <h3>我承诺</h3>
                <ul>
                    <li>年满18</li>
                    <li>报这严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

以上是关于前端开发入门基础---HTML笔记篇的主要内容,如果未能解决你的问题,请参考以下文章

入门篇Android学习笔记——项目结构及相关基础知识

2021年 Web 前端入门学习路线,(附:前端基础学习笔记)

牛客网——前端篇(零基础入门前端)——FED1 表单类型

前端就业课 第一阶段HTML5 零基础到实战JavaScript基础一篇入门

CSS基础篇之入门介绍及语法应用

好程序员web前端分享HTML基础篇