正文

前端开发入门基础---html笔记篇(代码片段)

勇敢*牛牛  勇敢*牛牛  2022-12-11  152

关键词：

牛牛纯手码！！！！

新鲜出炉的：源码+笔记（还热乎）

分为上下两篇，作为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）(代码片段)

学习大纲了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签*HTML能够写出基本的页面（里面包含图片、各种标签和链... 查看详情

javaweb_html入门篇(代码片段)

...与了解。本篇是一篇小结篇，主要用于在之后的实践开发过程中能够快速参考一些常用、基础的标签以及用法。文章目录JavaWeb_HTML入门篇1.HTML初识&&初知1.1基础概念1.2快速入门1.3标签学习1.4元素1.5特殊字符1.6属性1.7表单... 查看详情

javaweb_html入门篇(代码片段)

html基础入门(代码片段)

学习推荐地址w3school一、HTML页面结构1、前端前端开始中最基本的也是最必须的三个技能，前端的开发中，在页面的布局时：HTML：页面结构，可以把他看成一个文档，定于展示页面的内容结构CSS：页面表现，元素的大小、颜色、... 查看详情

vue笔记：基础入门（前篇）(代码片段)

...烁后记前言Vue(发音为/vjuː/，类似view)是一款渐进式Web前端框架，提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。官方网站：https://cn.vuejs.org/或https://vuejs.org/Vue是一个框架，也查看详情

前端基础从头学——vscode使用教程+html基础（入门篇）(代码片段)

作者简介：hello！大家好，初学前端知识，请多多指教。希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~文章目录前言一、VsCode编辑器使用教程1、VsCode的下... 查看详情

前端-进击的巨人-青铜篇(代码片段)

从事前端有4年多了，经历了不少坑，也摸索了一些经验。既然是随笔，那就随便写写了。按照农药的等级，依次是青铜、白银、黄金、铂金、钻石、星耀、王者。以我现在的能力也就是黄金到铂金。那么写到哪算哪把。既... 查看详情

［cordova之入门篇］(代码片段)

1.cordova是什么ApacheCordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 2.为什么用cordova基于webView将网页嵌入到原生应用中以实现跨平台。不必在多个平台上分别进行原生应用的开发，... 查看详情

前端开发笔记css基础（上）(代码片段)

CSS介绍层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配... 查看详情

java安全-入门篇开发基础（mavenjavamvc反射类加载代码远程调试）(代码片段)

在学习Java安全之前首先对Java开发的基础知识简单学习文章目录基础知识核心技术介绍MavenJavaMVCServletFiiter反射类加载远程调试基础知识因为Java体系比较庞大，没有学过Java开发的初学者很容易搞晕，介绍部分常用技术核心... 查看详情

边学边总结的前端笔记（javascript基础篇）(代码片段)

「学习笔记」JavaScript基础前言最近一直研究JavaScript内容，遂把这一阶段的学习内容整理成笔记，巩固所学知识，同时也会参考一些博客，书籍上的内容，查漏补缺，给自己充充电🔋🔋文章内容如... 查看详情

边学边工作总结的前端笔记（html基础篇）(代码片段)

前言勤做笔记不仅可以让自己学的扎实，更重要的是可以让自己少走弯路。有人说:"再次翻开笔记是什么感觉"，我的回答是:"初恋般的感觉"。或许笔记不一定十全十美，但肯定会让你有种初恋般的怦... 查看详情

边学边工作总结的前端笔记（html基础篇）(代码片段)

网页网站基础入门篇:运行第一个网页(代码片段)

对于网页呢!其实入门并不难,反而要比入门C语言还简单. 后缀名字改为.html 网页不需要解释器,你自己写的代码只要按照网页的规定来写,浏览器自己去识别现在写个最简单的...让网... 查看详情

前端开发笔记html基础

HTML介绍HTML是HyperTextMarkupLanguage超文本标记语言的缩写HTML是标记语意的语言编辑器任何纯文本编辑器都能够编辑html，比如记事本，editplus,notepad++比较有名的专门制作网页工具有：DreamWeaver(Adobe公司的产品，过时了，不是一个好的... 查看详情

pandas高级数据分析快速入门之二——基础篇(代码片段)

Pandas高级数据分析快速入门之一——Python开发环境篇Pandas高级数据分析快速入门之二——基础篇Pandas高级数据分析快速入门之三——统计分析篇Pandas高级数据分析快速入门之四——表内、表间数据处理篇Pandas高级数据分析快速入... 查看详情

前端基础一之html篇(代码片段)

文章目录题外话前言1.网页1.1什么是网页的结构，表现，行为1.2什么是HTML1.3运行/编写HTML2.HTML基础2.1标签2.2元素2.3属性2.4HTML的HelloWorld2.5标签的嵌套3.HTML常用标签3.1标题3.2链接3.3段落3.3图片3.4换行3.5列表3.6表格3.7注释3.8块3... 查看详情

qt入门系列开发教程基础控件篇qmainwindow主窗口(代码片段)

文章目录描述创建主窗口组件创建工具栏创建Dock小部件状态栏API描述主窗口为构建应用程序的用户界面提供了一个框架。Qt有QMainWindow及其相关的主窗口管理类。QMainWindow有自己的布局，您可以在其中添加QToolBars、QDockWidgets、... 查看详情