用HTML做一个简单的界面

只做了个超级超级简单的界面,只是大概总结了HTML的一些知识点,超级超级超级初级哇

目录

  • 前言
  • 界面
  • **代码:**

前言

建议在这里打开 ,结合界面理解叭。
用HTML做一个简单的界面_第1张图片

界面

大概的界面样子
用HTML做一个简单的界面_第2张图片

代码:

         
<html lang="en">



<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>style>           
head>

<body>
    <h4 align=center>注册界面h4>

    <table align=center>            
        <tr>                                          
            <td>姓名:td>          
            <td>
                <input type="text">        
            td>
        tr>

        <tr>                                          
            <td>性别:td>
            <td>
                <input type="radio" name="sex">
                <input type="radio" name="sex">td>
        tr>

        <tr>                                          
            <td>电话号码:td>
            <td>
                <input type="text">
            td>
        tr>

        <tr>                                           
            <td>证件号码:td>
            <td>
                <input type="text">
            td>
        tr>

        <tr>                                           
            <td>籍贯:td>
            <td>
                <select name="zhengjian" >    
                    <option>请选择option>
                    <option>湖南option>
                    <option>湖北option>
                    <option>广州option>
                    <option>深圳option>
                    <option>北京option>
                    <option>天津option>
                    <option>河南option>
                    <option>江西option>
                select>
            td>
        tr>

        <tr>                                            
            <td>喜好:td>
            <td> 
                <input type="checkbox" name='love'> 美食      
                <input type="checkbox" name='love'> 旅行
                <input type="checkbox" name='love'> 摄影
                <input type="checkbox" name='love'> 手工
                <br>                                          
                <input type="checkbox" name='love'> 吉他
                <input type="checkbox" name='love'> 穿搭
            td>
        tr>
 
        <tr>                                             
            <td>简要介绍:td>
            <td>
                <textarea name="jieshao" cols="30" rows="4">textarea>   
            td>
        tr>

        <tr>
            <td>td>
            <td>
                <a href="https://www.bilibili.com/video/BV14J4114768?p=59">注册条款a>     
            td>
        tr>

        <tr>
            <td>td>
            <td>
                <input type="checkbox" checked="checked"> 我同意注册条款    
            td>
        tr>

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

        <tr>
            <td>td>
            <td>
                <h6>小标题 h6大小h6>
                <ul>
                    <li>我想不出写啥了。。。li>
                    <li>无序列表第二行li>
                    <li>无序列表第三行li>
                ul>             
            td>
        tr>

        <tr>
            <td>td>
            <td>
                <h1>这是个有序列表 h1大小h1>
                <ol>
                    <li>第一行li>
                    <li>第二行li>
                    <li>第三行li>
                ol>

            td>
        tr>

    table>

    <h3>简要介绍:h3>
    <p>HTML5是构建Web内容的一种语言描述方式。<br/>                                    
        是互联网的下一代标准,是构建以及呈现互联网内容的一种<b>语言方式b>
        被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并<i>广泛应用于i>  
        互联网应用的开发。HTML5是Web中核心语言HTML的规范,用户使用任何手段进行<s>网页浏览时s>         
        看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。<u>HTML5u> 
        在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,   
        但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。p>

body>

html>

后面文本的界面:
用HTML做一个简单的界面_第3张图片

你可能感兴趣的:(html,web)