📂html
🔖html
2021-11-18 16:08阅读: 33评论: 0推荐: 0

html简单认识

创建单选框,文本域,复选框

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Demo01</title>
</head>
<body>
<fieldset>
    <legend>个人信息</legend>
<form method="post" enctype="application/x-www-form-urlencoded">
    用户名<input type="text" name="username"><br/>
    性别<input type="radio" name="sex" value="1"><input type="radio" name="sex" value="2" checked><br/>
    喜欢语言<input type="checkbox" name="app[]" value="asp">asp<input type="checkbox" name="app[]" value="aspx">aspx<input type="checkbox" name="app[]" value="php">php<br/>
    地区<select name="address">
    <option value="shanghai">上海</option>
    <option value="beijing">北京</option>
    <option value="guangzhou">广州</option>
</select><br/>
    简介<br/><textarea cols="30" rows="10" name="info"></textarea><br/>
    <input type="submit" name="提交">

</form>
    </fieldset>
</body>
</html>
<!--enctype:enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 "+" 加号,特殊符号转换为 ASCII HEX 值)。
checked:默认选择
fieldset:给表单加上边框
legend:legend 元素为 fieldset 元素定义标题(caption)。
type="radio"表示单选框
checkbox:复选框
select:select 元素可创建单选或多选菜单。
<select&> 元素中的 <option> 标签用于定义列表中的可用选项。
textarea:文本域
cols:列高
rows:行宽
-->

创建表格

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8-8">
    <title>table</title>
</head>
<body>
    <table border="1" cellspacing="3" cellpadding="6" ><!--cellspacing:单元格的空白,cellpadding:单元边与内容的空白  -->
        <tr><th>#</th><th>名字</th><th>年龄</th></tr>
    <tr><td>1</td><td>刘备</td><td>18</td></tr>
        <tr><td>2</td><td>张飞</td><td>53</td></tr>
    <tr><td>3</td><td>赵云</td><td>38</td></tr>
    <tr><td>总数</td><td colspan="2">3人</td></tr><!--colspan:左右表格合并-->
            <table border="1" cellspacing="3" cellpadding="6" ><!--cellspacing:单元格的空白,cellpadding:单元边与内容的空白  -->
        <tr><th>#</th><th>名字</th><th>年龄</th></tr>
    <tr><td>1</td><td>刘备</td><td>18</td></tr>
        <tr><td>2</td><td>张飞</td><td>53</td></tr><!--rowspan:上下表格合并-->
    <tr><td>3</td><td>赵云</td><td rowspan="2">23</td></tr>
    <tr><td>4</td><td >马超</td></tr>
</table>
</body>
</html>



创建一个简单页面
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
<frameset rows="30%,*">
		<frame  src="top.html"/>
		<frameset cols="30%,*">
			<frame src="menu.html"/>
			<frame src="main.html" name="c" />
		</frameset>
</frameset>
	<body>
	
	</body>
</html>

main

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		main
	</body>
</html>

menu

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<li><a href="add_news.html" target="c">增加文章</a></li>
		<li><a href="#">系统信息</a></li>
		<li><a href="#">安全设置</a></li>
	</body>
</html>

top

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		top
	</body>
</html>

add_nenws

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form method="post">
			文章标题<br /><input type="text" name="title" /><br />
			文章内容<br /><textarea cols="40" rows="20"></textarea><br />
			<input type="submit" value="提交" />
		</form>
	</body>
</html>

本文作者:freedomAndWind

本文链接:https://www.cnblogs.com/linjiangplus/p/15572879.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   freedomAndWind  阅读(33)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 Meet Fi9江澈,果妹
Meet - Fi9江澈,果妹
00:00 / 00:00
An audio error has occurred.

作词 : Fi9江澈

作曲 : Fi9江澈

她不是很瘦 她的个子也够不高

她不是很瘦 她的个子也够不高

她有时很逗 有时候 她也够SAO

每次她化完妆盯着问我 我会说她很丑

但每次离开的时候 我们互相 谁都不肯走

她爱吃粉丝的醋 也爱跟我 生气

她做傻事的时候 也都是和我会有争议

她不化妆的时候 我会刻意的说她很漂亮

总爱素颜的时候 去和别的女生去较量

她喜欢我性格的好 和行为上的屌丝

喜欢我的城市还有运河街道边的小吃

她有时很任性 莫名的跟我吵架

每次她耍小性子 也都会被我都一顿的好骂

她叫我玩游戏 我总故意不跟她玩

每次吵架的时候 总骂我是个渣男

她会讨好我爸妈 也会买礼物给悄悄

每次 卖萌 我也心领神会的笑笑

HOOK:街边的落雨下 我在这个小小世界

你走进我生命 又出现在我面前

谁又能代替呢 我所有的留恋

每次的遇见都是我们的永恒的瞬间

她一直都很敏感 总是常常怕我失去

她不知道 在我心里 她是我写下的诗句

她会在心情不好的时候 跟朋友去酗酒

大醉之后会说以后的路 她会陪着我去走

总爱问我分手了 会不会像以前 那样去对她

提些奇怪的问题 手机屏保为什不是她

说我对你这么好 你竟然想要跟我分手

哎 这个贱男人 我就知道 你可真狗

这个不可理喻的女人让我又爱又恨

生病的时候让人心疼 看起来又乖又笨

就算吵架的时候 不爱跟你讲道理

在人群中我依然 一眼就能找到你

我可以为 她遮风为她挡雨

也可以陪她一整天 依偎在我房里

还记得第一次见她 是我 第一次的演出

还记得她也曾在 夜里 为我闭着眼哭

HOOK:街边的落雨下 我在这个小小世界

你走进我生命 又出现在我面前

谁又能代替呢 我所有的留恋

每次的遇见都是我们的永恒的瞬间

街边的落雨下 我在这个小小世界

你走进我生命 又出现在我面前

谁又能代替呢 我所有的留恋

每次的遇见都是我们的永恒的瞬间

混音:Fi9江澈

混音:Fi9江澈

统筹:杨冰

OP:汇音文化