HTML的基础入门语法。(学习前端开发必备!!!)

Stella981
• 阅读 904

1.HTML的基本操作

HTML的基础入门语法。(学习前端开发必备!!!)

2.HTML的复习代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
    <title>HTML的基本方法的汇总</title>
    <!--内部的js-->
    <script type="text/javascript">
        //编写js代码
        alert('我是Kinght_123');
    </script>
    <!--外部的js-->
    <script type="text/javascript" src = index.js></script>
</head>


<body>

    <div name = 'top'>
<hr>
        <div>
        Kinght_123
        </div>
<hr>
        <div>
        <p>我<em>喜欢你</em></p>
        </div>
<hr>
        <div>
        <p>我<strong>喜欢你</strong></p>
        </div>
<hr>
        <div>
        <h2>《琵琶行》</h2>
        <p>
        一道残阳铺水中,<br>
        半江琵琶半江红。<br>
        可怜九月初三夜,<br>
        露似珍珠月似弓。<br>
        </p>
        </div>
<hr>
    </div>

        <div id="courses">
            <div id = 'computer_courses'>
                <h2>学习路线</h2>
                <ul>
                    <li>Python的学习</li>
                    <li>JavaScript的学习</li>
                    <li>HTML的学习</li>
                    <li>CSS的学习</li>
                </ul>
            </div>
<hr>
            <div id="study_courses">
                <h2>大学的一些课程</h2>
                <ol>
                    <li>数学</li>
                    <li>Python</li>
                    <li>C语言</li>
                    <li>英语</li>
                </ol>
            </div>
        </div>
<hr>
    <div>
        <div>
            <table border="1" cellspacing="0">
                <caption><h2>LOL英雄榜</h2></caption>
                <tr>
                    <th colspan="2">英雄名称和攻击力</th>
                    <th>上手的难易程度</th>
                    <th>英雄技能</th>
                </tr>
                <tr>
                    <th>盖伦</th>
                    <th>50</th>
                    <th rowspan="2">简单</th>
                    <th>人在塔在</th>
                </tr>
                <tr>
                    <th>皇子</th>
                    <th>150</th>
                    <th>德玛西亚</th>
                </tr>
                <tr>
                    <th>阿卡丽</th>
                    <th>100</th>
                    <th>中等</th>
                    <th>迷雾霞阵</th>
                </tr>
                <tr>
                    <th>劫</th>
                    <th>250</th>
                    <th>难</th>
                    <th>影杀阵</th>
                </tr>
            </table>
        </div>
        <div>
<hr>
            <a href="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1225338851,1360410691&fm=15&gp=0.jpg" title="好看的小姐姐图片哦!!" target="_blank">千万不要打开!!!</a>
<hr>
            <a href="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3287538352,1893467457&fm=26&gp=0.jpg" title="真的是好看的小姐姐图片" target="_blank">好看的小姐姐图片!!!</a>
<hr>
            <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2854789901,1612281711&fm=26&gp=0.jpg" alt="一个耿直的微笑" title='瞅你的损色'>
<hr>
            <a href="#top">跳转到顶部</a>
        </div>
<hr>
        <div>
            <form action="https://www.baidu.com/" method="get" target="_blank">
                <h2>用户登录</h2>
                <input type="text" name = 'username' placeholder="请输入用户名">
                <br>
                <input type="password" name="pwd" placeholder="请输入密码">
                <br>
                <a href="https://blog.csdn.net/Kinght_123?spm=1001.2100.3001.5113" target="_blank"><strong>登录</strong></a>
            </form>
        </div>
<hr>
        <div>
            <form>
                您的性别是?<br>
                男:<input type="radio" name="sex" value="0" checked="checked">
                女:<input type="radio" name="sex" value="1">
                <hr>
                您的爱好是?<br>
                吃饭<input type="checkbox" name="hobby" value="eat" checked="checked">
                睡觉<input type="checkbox" name="hobby" value="sleep" checked="checked">
                打游戏<input type="checkbox" name="hobby" value="play_game">
                打豆豆<input type="checkbox" name="hobby" value="love">
            </form>
        </div>
<hr>
        <div>
            <form>
                您想要玩的游戏?<br>
                <select name="game" multiple="multiple">
                    <option value="far war5">孤岛惊魂5</option>
                    <option value="LOL">英雄联盟</option>
                    <option value="csgo">CS:GO</option>
                    <option value="flycar">qq飞车</option>
                    <option value="far war4">孤岛惊魂4</option>
                    <option value="far war3">孤岛惊魂3</option>
                    <option value="far war2">孤岛惊魂2</option>
                    <option value="far war1">孤岛惊魂1</option>
                </select>
            </form>
        </div>
<hr>
        <div>
            <form method="post" action = 'https://www.baidu.com/'>
                <label for='content' >搜索内容</label>
                <input type="text" value="" id="content">
                <input type="submit" value="提交">
                <input type='reset' value='重置'>
            </form>
        </div>
    </div>



</body>
</html>

3.演示效果

第一个html的界面

本文同步分享在 博客“Kinght_123”(CSDN)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Stella981 Stella981
3年前
KaliTools说明书+BurpSuit实战指南+SQL注入知识库+国外渗透报告
!(https://oscimg.oschina.net/oscnet/d1c876a571bb41a7942dd9752f68632e.gif"15254461546.gif")0X00KaliLinux Tools中文说明书!(https://oscimg.oschina.net/oscnet/
Wesley13 Wesley13
3年前
MySQL总结(十一)子查询
!(https://oscimg.oschina.net/oscnet/upa344f41e81d3568e3310b5da00c57ced8ea.png)子查询1\.什么是子查询需求:查询开发部中有哪些员工selectfromemp;通
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
10个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这