html
HTML
第一个html程序
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="狂神说Java,西部开源">
<meta name="description" content="来这个地方可以学习Java">
<title>我的第一个网页title>
head>
<body>
hello world!
body>
html>基本标签
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签学习title>
head>
<body>
<h1>一级标签h1>
<h2>二级标签h2>
<h3>三级标签h3>
<h4>四级标签h4>
<h5>五级标签h5>
<h6>六级标签h6>
<p>两只老虎，两只老虎p>
<p>跑的快，跑的快p>
<p>一只没有眼睛 一只没有尾巴p>
<p>真奇怪 真奇怪p>
<p>两只老虎 两只老虎p>
<p>跑得快 跑得快p>
<p>一只没有眼睛 一只没有尾巴p>
<p>真奇怪 真奇怪p>
<hr/>
两只老虎 两只老虎 <br/>
跑得快 跑得快<br/>
一只没有眼睛 一只没有尾巴<br/>
真奇怪 真奇怪<br/>
两只老虎 两只老虎<br/>
跑得快 跑得快<br/>
一只没有眼睛 一只没有尾巴<br/>
真奇怪 真奇怪<br/>
<h1>字体样式标签h1>
粗体：<strong>i love youstrong>
<br/>
斜体: <em>i love youem>
<br/>
空 格：
<br/>
空 格：
<br/>
>
<br/>
≶
<br/>
©版权所有韩天南
body>
html>图像标签
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签学习title>
head>
<body>
<img src="../resources/image/2.png" alt="狂神头像" title="悬停文字" width="300" height="300">
body>
html>列表标签
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表学习title>
head>
<body>
<ol>
<li>javali>
<li>ppythonli>
<li>运维li>
<li>前端li>
<li>cli>
<li>c++li>
ol>
<hr/>
<ul>
<li>javali>
<li>ppythonli>
<li>运维li>
<li>前端li>
<li>cli>
<li>c++li>
ul>
<hr>
<dl>
<dt>学科dt>
<dd>javadd>
<dd>pythondd>
<dd>运维dd>
<dd>c/c++dd>
<dt>位置dt>
<dd>西安dd>
<dd>无锡dd>
<dd>日本dd>
<dd>安徽dd>
dl>
body>
html>表格标签
表格标签
1-1
2-1
2-2
2-3
1-4
3-1
3-2
3-3
学生成绩
狂神
语文
100
数学
100
秦将
语文
100
数学
100
视频和音频
视频:video
音频:audio
<html lang="en">
<head>
<meta charset="UTF-8">
<title>媒体元素学习title>
head>
<body>
<audio src="../resources/audio/AniFace%20-%20夜、萤火虫和你.mp3" controls autoplay>audio>
body>
html>页面结构分析
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面结构title>
head>
<body>
<header>
<h2>网页头部h2>
header>
<section>
<h2>网页主体h2>
section>
<footer>
<h2>网页脚部h2>
footer>
body>
html>表单元素
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登陆注册title>
head>
<body>
<h1>注册h1>
<form action="1.我的第一个网页.html" method="get">
<p>名字:<input type="text" name="username" >p>
<p>密码:<input type="password" name="pwd"> p>
<p>性别p>
男
<input type="radio" value="girl" name="sex"/>女
<p>爱好:
<input type="checkbox" value="sleep" name="hobby">睡觉
<input type="checkbox" value="code" name="hobby" checked>敲代码
<input type="checkbox" value="chat" name="hobby">聊天
<input type="checkbox" value="game" name="hobby">游戏
p>
<p>按钮：
<input type="button" name="btn1" value="点击变长">
p>
<p>国家:
<select name="列表名称">
<option value="china">中国option>
<option value="japan">日本option>
<option value="ruishi" selected>瑞士option>
<option value="usa">美国option>
<option value="uk">英国option>
select>
p>
<p>反馈: