又学了一遍HTML，感觉轻松了好多，个人感觉HTML和画画差不多，只要有了想法，画出来其实并不难。

头部信息<head>

头部信息并不是给我们看的，而是给浏览器看的，当浏览器看到之后，才好判断用什么编码方式

<meta charset="utf-8">，我网页的标题是什么——<title>我的网页</title>

<body>
就要提到最关键的两种分类：
文本级标签：p、span、a、b、i、u、em。文本级标签只能放文字、图片、表单元素
容器级标签：div、h系列、li、dt、dd。容器级标签里可以放任何东西
对于每一个HTML网页来说，都是把一整个网页分成几个大块，再把每块再具体的细分，当分的很细的时候，再进行操作就会简单很多了。
<p>标签：<p>使用了定义一个段落的。

就是用p标签定义的。可以使用align属性<p align="center">这是一个段落</p>

<span>标签：我感觉span标签就是用来突出某些文字用的……
<a>标签：用来超链接，很好用。
a标签中的属性：href=“可以跳转到其它网页” title=“放在文字上不动，会有提示的信息”
name=“我感觉就像定义的一个变量”
href="#"会跳转的顶部 
而href=“name”可以跳转到对应的标签
<div>：分块利器，效果显著
h系列标签：从h1到h6标签，没有h7，

h1标签的字体大小应该有一级标题那么大，反正很大
像name等属性不仅仅在a标签中可以使用，也可以在img中，等等，只要pycharm中提示的，都能用。

<ul>标签：无序标签。

里面放<li>标签

<ul>
　　<li>马云</li>
　　<li>马化腾</li>
</ul>

表单标签：

<form>中可以放action属性 method属性，我把常用的像用户名等一些信息写出来，之后用起来方便。
用户名：<input type="text" name="username" value=""/>
密码：<input type="password" name="pwd" />
性别：<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female">女
爱好：<input type="checkbox" name="love" value="eat"> 吃饭
      <input type="checkbox" name="love" value="sleep">睡觉
      <input type="checkbox" name="love" id="bat">打豆豆
<input type="submit" value="提交"/>
<input type="button" value="普通按钮">
<input type="submit" value="提交按钮">
<input type="reset" value="重置按钮">
<input type="image" src="./1.webp" value="图片按钮">
<input type="file" value="文件选择框">




<select id="下拉选项" size="1">
    <option value="小学">小学</option>
    <option value="中学">中学</option>
    <option selected="" value="大学">大学</option>
    <option value="研究生">研究生</option>
</select>
size可以调节开始显示几个
selected显示的是默认值








												


											
记事本 HTML的更多相关文章
	

    
						
  1. Notepad2替代系统自带的记事本
		
    事情是这样的,平时我经常把一些文字复制到记事本中编辑好了再复制到目标位置,可以在系统自带的记事本中替换删除一些内容,记事本小巧,占用很少的资源,我很喜欢:但今天复制的内容中有很多数字和一些我不想要的内 ...
    
		
    2. 
						
  2. JAVA/GUI程序之记事本
		
    自上半年JAVA课程结束后,再也没有看过JAVA了,最近不是很忙,又简单的看了看,本博客纯属记录学习过程,请大神们别笑,其中错误是难免的,毕竟是新手写的博客.下面就进入我们的正题吧,复习GUI时,就想 ...
    
		
    3. 
						
  3. HTML---用记事本写html
		
    <DOCTYPE HTML> <--DOCTYPE 文档类型,浏览器按照该类型解析--> <html> <head> <title>这个是h ...
    
		
    4. 
						
  4. C++-Qt【2】-实现一个简单的记事本
		
    用Qt实现一个简单的记事本: #include "helloqt.h" #include <qfiledialog.h> #include <qfile.h> ...
    
		
    5. 
						
  5. windows自带记事本导致文本文件（UTF-8编码）开头三个字符乱码问题
		
    在windows平台下,使用系统的记事本以UTF-8编码格式存储了一个文本文件,但是由于Microsoft开发记事本的团队使用了一个非常怪异的行为来保存UTF-8编码的文件,它们自作聪明地在每个文件开 ...
    
		
    6. 
						
  6. winform记事本(基本功能)
		
    本题主要考察各种控件的应用 using System; using System.Collections.Generic; using System.ComponentModel; using Sys ...
    
		
    7. 
						
  7. 大熊君大话NodeJS之------基于Connect中间件的小应用（Bigbear记事本应用之第一篇）
		
    一,开篇分析 大家好哦,大熊君又来了,昨天因为有点个人的事没有写博客,今天又出来了一篇,这篇主要是写一个记事本的小应用,前面的文章, 我也介绍过“Connect”中间件的使用以及“Mongodb”的用 ...
    
		
    8. 
						
  8. 签名、BOM头、编码、Windows记事本编码、java编码解码的那些事
		
    对于Windows记事本: ANSI :GB2312 java中应使用GBK解码 Unicode :有签名的UTF-16LE java中应使用UTF-16解码 Unicode big endian : ...
    
		
    9. 
						
  9. 转！！windows记事本保存“联通” 编码问题
		
    原博文网址:http://blog.csdn.net/Zhiyuan_Ma/article/details/51838054 简单分析: 这是微软记事本的一个BUG,准确点就是unicode编码的问题 ...
    
		
    10. 
						
  10. win32记事本程序（二）
		
    遇到一个较大的难题,做记事本要不要使用edit或者是richedit控件呢.如果用控件的话感觉没什么挑战,不用控件,现有的参考资料仅有<windows程序设计>第六章的TYPER程序,这个 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 使用Flame Graph进行系统性能分析
			
    关键词:Flame Graph.perf.perl. FlameGraph是由BrendanGregg开发的一款开源可视化性能分析工具,形象的成为火焰图. 从底向上像火苗一样逐渐变小,也反映了相互之间 ...
    
			
    2. 
						
  2. C语言之四舍五入
			
    在C语言中,如果进行强制类型转换,它会将所需要取的位数直接提取出来,而其他位数的数字会被直接删除,不会对提取出来的位数有任何影响 所以如果我们需要提高精度,对所取的数进行四舍五入,需要给所需去的数的最 ...
    
			
    3. 
						
  3. codeforces#1136 C. Nastya Is Transposing Matrices（找规律）
			
    题意:给出两个n*m的矩阵,每次操作可以让一个正方形矩阵行列交换.问,在无限次操作下,第一个矩阵能否变成第二个矩阵 分析:先把操作限定在2*2的矩阵中.这样对角线上的元素就可以随意交换.也就是说,如果 ...
    
			
    4. 
						
  4. @Valid注解的使用（转）
			
    原文地址:http://blog.csdn.net/xzmeasy/article/details/76098188 @Valid注解用于校验,所属包为:javax.validation.Valid. ...
    
			
    5. 
						
  5. Flutter之SliverAppBar
			
    new SliverAppBar( leading: GestureDetector( child: Icon(Icons.arrow_back), onTap: () => Navigator ...
    
			
    6. 
						
  6. 其它综合-使用Putty远程连接管理Linux实践
			
    使用Putty远程连接管理Linux实践 1.获取putty 获取 putty有很多方法,以下是我为大家提供的下载地址: 个人网盘地址,提取码:tz83 官方下载地址 解释: 官方下载的是 zip 压 ...
    
			
    7. 
						
  7. python之模块、包的导入过程和开发规范
			
    摘要:导入模块.导入包.编程规范 以My_module为例,My_module的代码如下: __all__ = ['name','read'] print('in mymodule') name =  ...
    
			
    8. 
						
  8. [十二省联考2019]异或粽子——可持久化trie树+堆
			
    题目链接: [十二省联考2019]异或粽子 求前$k$大异或区间,可以发现$k$比较小,我们考虑找出每个区间. 为了快速得到一个区间的异或和,将原序列做前缀异或和. 对于每个点作为右端点时,我们维护出 ...
    
			
    9. 
						
  9. ICPC中国南昌国家邀请赛和国际丝绸之路规划大赛预选赛  I J
			
    I. Max answer 链接:https://nanti.jisuanke.com/t/38228 思路: 枚举最小值,单调栈确定最小值的边界,用线段树+前缀和维护最小值的左右区间 实现代码: # ...
    
			
    10. 
						
  10. 如何学习FPGA
			
    如何学习FPGA 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/k331922164/article/details/44626989 PS:笔者强 ...
    
			
    11.