html笔记

最新推荐文章于 2021-06-29 11:40:20 发布
最新推荐文章于 2021-06-29 11:40:20 发布
阅读量202 收藏 1
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangjiadongge/article/details/52671780
版权

HTML基本：

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>测试</title>
</head>
<body background="images/beijing">
<p>这是一个段落</p>
<p>这是另一个段落</p>
第三行<br>
第四行<br>

<  >   #显示大括号和小括号的用法<br>
-----------------------链接--------------------<br>
<a href="http://www.baidu.com">点击跳转到百度</a><br>
<a href="http://www.baidu.com" target="_blank">点击新建一个窗口跳转到百度</a><br>
--------------------------------------------------<br>
<a href="#t1" target="_blank">目录,#跳转到指定的标签，可以网页中的某块区域</a>   
<!--<div id="t0" style="height:1200px">这个标签的意思是把页面拉长。</div> -->  
<div id="t1">我是t1</div>
--------------------------------------------------<br>
<h1>这是h1</h1>
<h2>这是h2</h2>
<h3>这是h3</h3>
<h4>这是h4</h4>
<h5>这是h5</h5>

<!--显示单个城市-->
<select> 
	<option>北京</option>
	<option>上海</option>
	<option>广州</option>
</select>

<!--显示多个城市-->
<select size="3"> 
	<option>北京</option>
	<option>上海</option>
	<option>广州</option>
</select>

<!--显示分组-->
<select> 
	<optgroup label="山东省">
	<option>青岛</option>
	<option>烟台</option>
	<option>济南</option>
	</optgroup>
	<optgroup label="浙江省">
	<option selected="selected">杭州</option>   #让默认显示的城市
	<option>嘉兴</option>
	<option>龙门</option>
	</optgroup>
</select>

<br>-------------------<br>

<!--单选框-->
男<input type="radio" name="sex" value="man">
女<input type="radio" name="sex" value="woman">
保密<input type="radio" name="sex" value="secret">
<br>

<!--复选框-->
<h2>多选</h2>
<input type="checkbox"/>
<input type="checkbox" checked="checked"/>


<!--注册时填写用户名和密码-->
<h2>请输入用户名和密码</h2>
<input type="text" name="username"/>
<br>
<input type="text" name="username" value="wangjiadongge"/>
<br>
<input type="passwd" name="pass" value="123456"/>
<br>
	<form action="http://www.baidu.com/s" method="GET">    
		<!--action为这个表单提交给谁处理-->
		<input type="submit" name="tijiao" value="提交" id="username" />
		<input type="button" value="提交"/>  #button自定义功能
	</form>
<br>
<h2>上传文件的方式</h2>
<form enctype="multipart/form-data" method="post">
<input type="file" name="">
<input type="submit" name="tijiao" value="上传">
</form>

<br>---------------------------------------------------------<br>

<h2>微博评论的方式</h2>
<input type="text" name="query"/>
<textarea name="query" style=""></textarea>
<br>---------------------------------------------<br>


<h2>表单、有序、数字、table</h2>
<ul>
<li>w</li>
<li>e</li>
<li>r</li>
</ul>
------------------
<ol>
<li>w</li>
<li>e</li>
<li>r</li>
</ol>
--------------------
	<dl>
	<dt>title1</dt>
	<dd>content1</dd>
	<dd>content2</dd>
	<dt>title2</dt>
	<dd>conten1</dd>
	<dd>content2</dd>
	</dl>
--------------------
<h3>table</h3>
	 <table border="1">
	<tr>
	<td>第一列</td>
	<td>第二列</td>
	<td>第三列</td>
	</tr>
	<tr>
	<td>第一列</td>
	<td>第二列</td>
	<td>第三列</td>
	</tr>
	</table>
----------------------
<h2>fieldset</h2>
	<fieldset>
		<legend>登录</legend>
	</fieldset>
-----------------------
<h2>div定义区域和块</h2>
<div style="background-color:green;height:200px;">绿色</div>
<div style="background-color:red">红色</div>

<h2>一个网站的整体布局</h2>
<div style="height:45px;background-color:blue;width:1050px;margin:auto;"></div>
<div style="width:1050px;background-color:pink;margin:auto;">
<div style="height:800px;background-color:yellow;float:left;width:200px">left</div>
<div style="height:800px;background-color:green;float:left;width:850px">right</div>
<div style="clear:both"></div>
</div>
------------------------
<h2>css介绍,请看下一章！</h2>


</body>
</html>


css：

 

 

wzdprofessor
关注
专栏目录
HTML 笔记.zip
02-06
这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料，可能包括了基础概念、语法、元素、属性、标签等内容，帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中，我们通过一系列的标签来构建网页结构。例如...
HTML笔记传智讲师视频笔记适合初学者
04-16
"HTML笔记传智讲师视频笔记适合初学者"这个标题暗示了这是一份针对初学者的教程资料，可能包含了从基础到进阶的HTML知识，通过传智讲师的教学方式来讲解。 描述中的"html学习笔记"表明这是关于HTML学习的过程记录，...
HTML表单元素简介
H_zhiyi的博客
08-21 1183
1表单元素 input 文本框/密码框/单选按钮/复选框… 1.1文本框<input type=”text” name=”username” value=”初始值”></input> 属性type=”text”–表示文本框 属性name=”username”—告诉后台处理程序文本框中输入的数据值 属性value=”初始值”-------初始值 1.2密码框<input type=”password” name=”password” value=”初始密码”></
HTML表单和表单控件
wfrm_123的博客
07-24 2399
在HTML中，一个完整的表单通常由表单控件、提示信息和表单域3个部分构成。 表单控件 input控件 注意事项： 1.<input />标签是单标签 2.input颜色、种类可以变换，可以通过type（类型）属性来变换形状。 input的若干属性如下图所示： 文本框和密码框 示例如下： 结果如下图所示： 单选按钮和复选按钮 单选按钮的话例如性别什么的。 示例如下图所示： 结果如...
jquery radio的取值 radio的选中 radio的重置
weixin_30404405的博客
10-28 443
radio 按钮组, name=”sex”. <input type="radio" name="sex" value="Male">Male</input><input type="radio" name="sex" value="Female">Female</input><input type="radio" name="sex" va...
html input 中的name,在input里，name属性的作用
weixin_35473217的博客
06-29 3604
input标签 标签用于在表单建立一个简单的输入框，属于自闭和标签。input 标记是放在表单之间的，用来在表单中建立一个数据储存域。它的最主要的两个属性是：name属性和type属性name属性的作用1.作为可与服务器交互数据的HTML元素的服务器端的标示，我们可以在服务器端根据其Name取得元素提交的值例如：Document提交如上代码中，包含在body标签中的三个name分别表示为用户输入数...
python判别性别的代码_Python实现手机号自动判断男女性别(实例解析)
weixin_39791446的博客
11-27 861
本文性别判断主要依靠airtest中的自动化测试实现通过自动对比支付宝页面男女图像，从而实现男女判断代码如下：男女判断函数：// An highlighted blockdef numbe():if exists(Template(r"tpl1574867500094.png", threshold=0.85, rgb=True, target_pos=0, record_pos=(0.779, ...
HTML笔记.pdf
07-14
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记，涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. HTML基础知识： * DOCTYPE html是...
HTML笔记.txt
02-25
自己总结的html笔记标签 非常适合初学者参考大牛复习 每个标签都标注了用途 需要的可以下载。
HTML笔记(完整版).md
08-14
该笔记适合0基础学员学习，希望对各位学者有所帮助！
创建一个员工类Employee,有属性:姓名name,性别sex,工龄workAge,薪水salary和奖金award
热门推荐
健健
06-19 5万+
创建一个员工类Employee,有属性:姓名name,性别sex,工龄workAge,薪水salary和奖金award，创建一个排序类SortUtil,有静态方法sort(Employee[] s);方法可以对员工按年薪排升序（必须用插入排序）创建一个Test类，生成5个员工的数组，排序后打印所有员工信息（包括年薪）。创建一个员工类Employee：public class Employee { ...
mysql sex_关于my sql插入name ,sex,中文报错解决
weixin_39992831的博客
01-18 1197
mysql> insert into Friend2(numb,name,sex) values('0001','琪亚娜','女');ERROR 1366 (HY000): Incorrect string value: '\xE7\x90\xAA\xE4\xBA\x9A...' for column 'name' at row 1解决方案修改mysql的字符集：mysql> set ...
1. 在com.lzu.lession包下定义一个学生类（Student），至少包含姓名（Name），性别（Sex）、年龄（Age）三个属性。 2. 创建至少5个对象并随机为属性赋值，放入一个List
qq_36331839的博客
07-16 7154
实体类： package com.lzu.lession; /** * student 实体类   * * @author xizepeng * @date 2018年7月14日   */ public class Student implements Comparable&lt;Student&gt; {     private int stdId;     private String st...
(age|name|sex)+ 脱离顺序控制 并且能添加多个
weixin_30379973的博客
12-30 131
(age|name|sex)+ 脱离顺序控制 并且能添加多个 转载于:https://www.cnblogs.com/classmethond/p/10200389.html
编写出一个通用的人员类（Person），该类具有姓名（Name）、年龄（Age）、性别（Sex）等域。然后对Person 类的继承得到一个学生类（Student），该类能够存放学生的5门课的成绩，并能
qq_36055407的博客
07-24 3万+
编写出一个通用的人员类（Person），该类具有姓名（Name）、年龄（Age）、性别（Sex）等域。然后对Person 类的继承得到一个学生类（Student），该类能够存放学生的5门课的成绩，并能求出平均成绩。最后在Main函数中对student类的功能进行验证。 public class Demo02 { @Test public void test() { Student s_...
input中radio对象的使用、获取方法
jerrygaoling的博客
05-07 4万+
input 中 radio 对象的使用方法 radio 对象 radio 是单选按钮属性 radio 使用方式 基本使用方式 &lt;input type="radio" name="radio" value="1" /&gt; 设置默认参数 多选情况下，将name属性设置为不同的值，如基本使用方式中，此时可对两个选择按钮进行同时选择。 &lt;inpu...
编写一个学生类Students，该类成员变量包括学号no、姓名name、性别sex和年龄age，该类的成员方法有genNo()getName ). * getSex().getAge().和setA
lbxice的博客
11-07 2万+
/*编写一个学生类Students，该类成员变量包括学号no、姓名name、性别sex和年龄age，该类的成员方法有genNo()getName ).  * getSex().getAge().和setAge() 添加构造方法为所有成员变量赋初值，构造方法要有4种格式:    (1) 包括no,name,sex 和age四个参数。    (2) 包括 no.name 和sex 三个参数。
//编写一个学生类（Students），包括姓名（name）、性别（sex）、学号（num）、语文课（Chinese）、英语课（English）、 //数学课（Math）和平均值（avg），方法包括求
niaiwoshagua99的博客
11-01 2436
//编写一个学生类（Students），包括姓名（name）、性别（sex）、学号（num）、语文课（Chinese）、英语课（English）、 //数学课（Math）和平均值（avg），方法包括求三门课的平均分，要求输出小组成员的相关信息。 package mianxiangduixiangren; public class Students {// 定义Students类 S
获取单选框的值 var sexc = $("input[name='sex']:checked").val();
大柱子
03-12 8623
var sexc = $("input[name='sex']:checked").val(); &lt;input type="radio" id="sex" name="sex" value="1" checked="checked"&gt;&amp;nbsp;男&amp;nbsp;&amp;nbsp;&amp;nbsp;&a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值