又学了一遍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. OpenCV——图像处理入门：膨胀与腐蚀、图像模糊、边缘检测
			
    全部外部依赖项: opencv_aruco341d.lib opencv_bgsegm341d.lib opencv_calib3d341d.lib opencv_bioinspired341d.li ...
    
			
    2. 
						
  2. .net core下用HttpClient和asp.net core实现https的双向认证
			
    关于https双向认证的知识可先行google,这时矸接代码. 为了双向认证,我们首先得准备两个crt证书,一个是client.crt,一个是server.crt,有时为了验证是否同一个根证书的验证, ...
    
			
    3. 
						
  3. Mybatis实现高级映射一对一、一对多查询
			
    终于把论文写得差不多了,系统也不急着完成,可以抽出点时间来完成这个系列的博客了.在写本博客之前我是惶恐不安的,高级映射一贯是持久层框架里的重中之重,小到自己开发小系统,大到企业级开发,表的存在从来就不 ...
    
			
    4. 
						
  4. SpringBoot 数据篇之使用JDBC
			
    SpringBootTutorial :: Data :: Jdbc 简介 API execute update query 实战 配置数据源 完整示例 引申和引用 简介 Spring Data 包含 ...
    
			
    5. 
						
  5. CMS Collector and G1 Collector
			
    Understanding the CMS Collector CMS has three basic operations: CMS collects the young generation (s ...
    
			
    6. 
						
  6. LODOP提示、报错、现象，简短问答
			
    提示升级提示:“打印控件需要升级!点击这里执行升级,升级后请重新进入."“Web打印服务CLodop需升级!点击这里执行升级,升级后请刷新页面.”(新版提示) 参考http://www.c- ...
    
			
    7. 
						
  7. tomcat配置详解
			
    Tomcat Server的结构图如下: 该文件描述了如何启动Tomcat Server <Server>    <Listener />    <GlobaNaming ...
    
			
    8. 
						
  8. 解决mysql表不能查询修改删除等操作并出现卡死
			
    问题现象1:进程wait卡住 测试环境mysql出现了一个怪表:select查询表卡死,alter修改表卡死,甚至我不想要这个表了,delete.truncate.drop表都卡死卡主了......  ...
    
			
    9. 
						
  9. ComboBox下拉列表框
			
    属性:DropDownStyle(下拉.可编辑等).Items(条目) 事件:SelectedIndexChanged选择项改变触发 Items内容:总经理.副总经理.财务部 DropDownStyl ...
    
			
    10. 
						
  10. Java实现AES加密
			
    一)什么是AES? 高级加密标准(英语:Advanced Encryption Standard,缩写:AES),是一种区块加密标准.这个标准用来替代原先的DES,已经被多方分析且广为全世界所使用.  ...
    
			
    11.