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

头部信息<head>

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

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

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

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

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

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

<ul>标签：无序标签。

里面放<li>标签

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

表单标签：

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

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

  1.  

记事本 HTML的更多相关文章

  1. Notepad2替代系统自带的记事本

    事情是这样的,平时我经常把一些文字复制到记事本中编辑好了再复制到目标位置,可以在系统自带的记事本中替换删除一些内容,记事本小巧,占用很少的资源,我很喜欢:但今天复制的内容中有很多数字和一些我不想要的内 ...

  2. JAVA/GUI程序之记事本

    自上半年JAVA课程结束后,再也没有看过JAVA了,最近不是很忙,又简单的看了看,本博客纯属记录学习过程,请大神们别笑,其中错误是难免的,毕竟是新手写的博客.下面就进入我们的正题吧,复习GUI时,就想 ...

  3. HTML---用记事本写html

    <DOCTYPE HTML> <--DOCTYPE 文档类型,浏览器按照该类型解析--> <html> <head> <title>这个是h ...

  4. C++-Qt【2】-实现一个简单的记事本

    用Qt实现一个简单的记事本: #include "helloqt.h" #include <qfiledialog.h> #include <qfile.h> ...

  5. windows自带记事本导致文本文件（UTF-8编码）开头三个字符乱码问题

    在windows平台下,使用系统的记事本以UTF-8编码格式存储了一个文本文件,但是由于Microsoft开发记事本的团队使用了一个非常怪异的行为来保存UTF-8编码的文件,它们自作聪明地在每个文件开 ...

  6. winform记事本(基本功能)

    本题主要考察各种控件的应用 using System; using System.Collections.Generic; using System.ComponentModel; using Sys ...

  7. 大熊君大话NodeJS之------基于Connect中间件的小应用（Bigbear记事本应用之第一篇）

    一,开篇分析 大家好哦,大熊君又来了,昨天因为有点个人的事没有写博客,今天又出来了一篇,这篇主要是写一个记事本的小应用,前面的文章, 我也介绍过“Connect”中间件的使用以及“Mongodb”的用 ...

  8. 签名、BOM头、编码、Windows记事本编码、java编码解码的那些事

    对于Windows记事本: ANSI :GB2312 java中应使用GBK解码 Unicode :有签名的UTF-16LE java中应使用UTF-16解码 Unicode big endian : ...

  9. 转！！windows记事本保存“联通” 编码问题

    原博文网址:http://blog.csdn.net/Zhiyuan_Ma/article/details/51838054 简单分析: 这是微软记事本的一个BUG,准确点就是unicode编码的问题 ...

  10. win32记事本程序（二）

    遇到一个较大的难题,做记事本要不要使用edit或者是richedit控件呢.如果用控件的话感觉没什么挑战,不用控件,现有的参考资料仅有<windows程序设计>第六章的TYPER程序,这个 ...

随机推荐

  1. WEB框架-Django框架学习-预备知识

    今日份整理,终于开始整个阶段学习的后期了,今日开始学习Django的框架,加油,你是最胖的! 1.web基础知识 1.1 web应用 Web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是 ...

  2. Docker概述

    Docker概述 Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化.容器是完全可以使用沙盒机制,互 ...

  3. pip 升级 pip

    For Python2 sudo pip install -i https://pypi.tuna.tsinghua.edu.cn/simple/ --upgrade pip For Python3 ...

  4. 基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件

    目录 1. 前言 2. 关于vue-simple-uploader 3. 基于vue-simple-uploader封装全局上传组件 4. 文件上传流程概览 5. 文件分片 6. MD5的计算过程 7 ...

  5. 爬虫基础(三)-----selenium模块应用程序

    摆脱穷人思维 <三> :  培养"目标导向"的思维:  好项目永远比钱少,只要目标正确,钱总有办法解决. 一 selenium模块 什么是selenium?seleni ...

  6. h5-canvas 像素操作

    ###1.得到场景像素数据 getImageData():获得一个包含画布场景像素数据的ImageData对象,它代表了画布区域的对象数据 ctx.getImageData(sx,sy,sw,sh) ...

  7. css实现多行文本溢出显示省略号(…)

    WebKit浏览器或移动端的页面在WebKit浏览器或移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit- ...

  8. BEX5下实现鼠标滚动滚动条

    使用前提: 页面内容过多,默认的滚动条太难看,在不引入滚动条插件情况下让界面不使用滚动条,又能通过鼠标滚动 实现步骤: 1 在会出现滚动条的组件上设置隐藏滚动条 overflow:hidden; 2 ...

  9. CCProxy使用说明

    CCProxy:通过手机调试webservice工具 第一步配置,点击设置 弹出如下页面点击E 弹出如下页面 配置端口,点击确定配置完成!! c#项目在路径为DCYS\.vs\config下找到文件a ...

  10. [BZOJ 2285] [SDOI 2011] 保密

    Description 传送门 Solution 这道题的最大难点在于读懂题意(雾 分数规划求出 \(n\) 到 \(1\cdots n_1\) 每个点的最小 \(\sum\frac{t_i}{s_i ...