HTML的基础入门语法。(学习前端开发必备!!!)
1.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的界面
HTML的基础入门语法。(学习前端开发必备!!!)相关推荐
- 零基础童鞋快速学习前端开发 ---- (1)
初识前端 1.前端开发简介2.前端开发如何入手学习?3.前端入门学习建议4.对初学者的建议5.小结 一.前端开发简介 形成:从简单网页制作演变至功能强大的前端开发. 早期的网页设计制作主要内容都是静态 ...
- HTML完结《一篇文章入门编程系列之从零基础入门HTML+CSS前端开发》12.24
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(QQ_3336392096.jpg)] 一篇文章让你从HTML零基础入门前端开发 前言: 此文为玄子,复习ACCP-S1课程后,整 ...
- 日常更新《一篇文章入门编程系列之从零基础入门HTML+CSS前端开发》12.23
一篇文章让你从HTML零基础入门前端开发 前言: 此文为玄子,复习ACCP-S1课程后,整理的文章,文中对知识点的解释仅为个人理解,源码均可直接复制运行 配套PPT,站点源码,等学习资料请加文章封面联 ...
- 前端开发框架_2019年应该如何学习前端开发?
近两年来,前端开发工程师越来越火了,2019年已经到来了,很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金三银四能靠实力找到一份满意的工作!有的 ...
- 2019年应该如何学习前端开发?
近两年来,前端开发工程师越来越火了,2019年已经到来了,很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金三银四能靠实力找到一份满意的工作!有的 ...
- 0基础学习前端开发,高职web前端开发技能大赛
零基础学web前端开发要怎么去学? 首先要学习的就是基础知识:html.css和JavaScript.HTML是内容,CSS是表现,JavaScript是行为.前端开发的门槛其实非常低,与服务器端语言 ...
- 我是小白0基础,现在我想学习前端开发,该如何系统的学习?
以下纯属个人观点和建议,肯定是有局限性的,但是也希望能给你带来一些帮助. 开始 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一,所以多我们提出的要求也就越来越高了.所以我们需要的也就不仅 ...
- 【TS语法|基础入门】《前端的未来——TypeScript》掌握TS基础语法
前端的未来--TypeScript TS基础语法 文章简介 主要内容 1 第一个 TypeScript 程序 2 TypeScript 保留关键字 2.1 TypeScript保留关键字 2.2 空白 ...
- android checkbox监听另一个checkbox选中和不选中_一个真正0基础小白学习前端开发的心路历程...
摘要:真正的0基础小白学习前端开发的心路历程. 距离第一阶段的结束敲响了末尾的声音,抱着初心从开始8号的学习到第一阶段的结束这期间要应付期末考试应付自己的各种事情学习时间总是挤出来的这次学习让我受益匪 ...
最新文章
- AUTOSAR从入门到精通100讲(四十二)-Autosar架构下的模块详细设计及代码实现--基于配置的编程方法
- PHP内核微信拼团购物商城小程序源码
- 计算机等级二级c语言考试真题,历年计算机等级考试二级C语言上机真题及答案..pdf...
- 苏宁小店上线社区拼购,物流供应链是其有力竞争武器
- C#用NPOI控件把MySQL数据库中查询符合条件的数据导出到EXCEL
- markdown写公式的角标与下标
- Hadoop安装教程_单机/伪分布式配置_Hadoop2.6.0/Ubuntu14.04
- 十倍业务增长下,饿了么技术如何应对(中)?
- 前端页面添加灰色滤镜,使网页整体变灰
- 财富自由的三大秘密(转)
- vue开发移动端,mui框架的各种使用方法
- 机房改造承重不够怎么办?
- 入职阿里一个月被迫转Android...
- javascript制作省市联动等类似二级目录
- python-onvif 实现客户端控制相机云台
- 绝世神偷java下载_绝世神偷:废柴七小姐 废柴七小姐(2)
- 高通骁龙888 5G移动平台性能详解:能否发发发 这些是关键
- 【Bug】python requests发起请求,报“Max retries exceeded with url”
- labview如何加载库_【LabVIEW教程】在LabVIEW中导入DLL库文件
- 将PDF论文转换成Word格式