第一篇博客:HTML学习笔记

2024-08-21 23:48

本文主要是介绍第一篇博客:HTML学习笔记,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

据说学编程的都有个通病,就是学了容易忘记,之前解决过的问题再次出现居然还是忘记怎么解决。

于是朋友推荐我写技术博客,他写的CSDN博客排名是8千多,在这牛人的世界里有个8千多的排名已经很了不起啦!

于是我就开始着手写博客,主要是把自己在学习和工作当中遇到的问题已经通过努力把问题解决了这一方面已经一段时间里学习和工作的心得体会写下了,积累下去将是对我自己的一笔大财富,至少我是这么认为的,呵呵!

目前我正在学习Android应用开发,博客主要内容还是围绕着Android来展开,在学习过程中一些相关的知识点我也会经常忘记了,拿出了复习一下。下面这一篇是关于html的,非常基础,大神别喷我啊!练练手试试写博客嘛!

第一次写博客,如有错漏和建议,恳请指出!谢谢

【源代码】

<html>
<head><title>www.csdn.net,CSDN:全球最大的中文IT社区</title>
</head>
<body>
<form action=""method="post">编  号:<inputtype="text" name="userid" value="NO."size="2" ,maxlength="2"><br>用户名:<inputtype="text" name="username" value="请输入用户名"><br>密  码:<inputtype="password" name="userpass" value="请输入密码"><br>性  别:<inputtype="radio" name="sex" value="男"checked>男<inputtype="radio" name="sex" value="女">女<br>部  门:<selectname="dept"><optionvalue="技术部">技术部</option><optionvalue="销售部">销售部</option><optionvalue="财务部">财务部</option></select><br>兴  趣:<inputtype="checkbox" name="inst" value="唱歌">唱歌 <inputtype="checkbox" name="inst" value="游泳">游泳   <inputtype="checkbox" name="inst" value="跳舞">跳舞   <inputtype="checkbox" name="inst" value="编程"checked>编程<inputtype="checkbox" name="inst" value="上网">上网<br>说  明:<textareaname="note" cols="30" row="3">我的CSDN技术博客:http://blog.csdn.net/u012541577</textarea><br><inputtype="submit" value="注册"><inputtype="reset" value="重置">
</form>
</body>
</html>

【结果】

出现中文乱码



【解决办法】

在html源码开头加入文字编码的说明语句:  <meta http-equiv="Content-Type"content="text/html; charset=utf-8" />

再次打开html文件,中文乱码已解决



【总结】

1、  所有表单都必须使用<form>元素进行声明,其中action为表单要提交信息的路径

2、  textarea 大文本输入框,cols表示大文本显示的长度

3、  input type的属性:

text

普通输入文本

password

密码输入框

checkbox

复选框

radio

单选框

submit

提交按钮

reset

重置按钮

hidden

隐藏域

file

文件选择框

4、  meta属性

说明文字编码:    metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
说明采用的语言: <meta http-equiv="Content-Language"content="zh-CN" />
说明了作者:    <metaname="author" content="Csdn" />
说明了版权:    <meta name="Copyright"content="Csdn" />
对网站的简单描述:   <metaname="description" content="" />
说明本网站的关键字   <meta content="" name="keywords" />

最后这两行主要是被百度这些搜索网站检索的时候用的,非常重要!

这篇关于第一篇博客:HTML学习笔记的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1094634

相关文章

Java学习手册之Filter和Listener使用方法

《Java学习手册之Filter和Listener使用方法》:本文主要介绍Java学习手册之Filter和Listener使用方法的相关资料,Filter是一种拦截器,可以在请求到达Servl... 目录一、Filter(过滤器)1. Filter 的工作原理2. Filter 的配置与使用二、Listen

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

使用Python构建一个Hexo博客发布工具

《使用Python构建一个Hexo博客发布工具》虽然Hexo的命令行工具非常强大,但对于日常的博客撰写和发布过程,我总觉得缺少一个直观的图形界面来简化操作,下面我们就来看看如何使用Python构建一个... 目录引言Hexo博客系统简介设计需求技术选择代码实现主框架界面设计核心功能实现1. 发布文章2. 加

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript