html text文本框默认值_html文本框的高度和宽度怎么设置

新手前端 HTML 笔记知识点有哪些？　　1、网站到底是什么？　　2、HTML <img>标签　　3、HTML <a>标签　　4、URL结构解析　　5、HTML块级素及行内素　　6、HTML列表　　7、绝对路径和相对路径　　8、HTML <table>标签　　9、HTML锚点链接　　10、HTML的基本结构　　11、HTML <head>标签　　12、HTML <form>标签　　13、HTML <meta>标签　　14、HTML <input>标签　　15、HTML单行文本框　　16、HTML密码框　　17、HTML单选按钮　　18、HTML复选框　　19、HTML文件上传域　　20、HTML文本域　　21、HTML <select>标签　　22、HTML按钮　　23、HTML图像按钮　　24、什么是HTML 　　应该就是以上这些了，如果还有不明白的可以看一下这个视频教程，讲解的很细致，而且内容也比较丰富，可以一直学到就业水平：黑马程序员前端Web全套教程，会打字就能学会的Web前端课程_哔哩哔哩_bilibili 　　html标签可以分为行内素和块级素。　　块级素：div 　　行内素：spanimgsrc：图片路径，可以是本地或者远程请求的路径title：图片加载成功，鼠标移上去显示的文字alt：图片不成功的提示语ahref: 跳转地址target：打开窗口方式。 _self 默认，在当前窗口打开。_blank 在新窗口打开_parent 在父框架打开_top 在窗口主题中打开链接文档　　小结：　　1.行内素不能套块素，会导致样式有问题！　　2. 块级素独占一行，行内素只有自己文本占用的宽度。　　3.html标签有一些可以设置标签宽高的属性，但是不推荐使用，以后会用css控制。　　一文给大家汇总了，请复制到自己的笔记本中！　　一、HTML标签的导读：　　本账号会持续按照顺序更新前端教程，均为黑马Pink老师全套前端内容。上一期笔记：前端HTML第一天：什么是网页？什么是HTML？网页怎么形成？欢迎跟我一起来学习。　　1.1 HTML语法规则：　　有些特殊的标签必须是单个标签（极少情况），例如，我们称为单标签。　　1.2 标签的关系：　　

　　并列关系：　　

　　1.3基本结构标签：　　

　　1.4 开发工具：　　

　　VSCode的使用：　　1. 双击打开软件。 2. 新建文件（Ctrl + N ）。 3. 保存（Ctrl + S ）, 注意移动要保存为 .html 文件 4. Ctrl + 加号键，Ctrl + 减号键可以放大缩小视图 5. 生成页面骨架结构。输入! 按下 Tab 键。 6. 利用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中“Open In Default Browser”。　　DOCTYPE <!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面. 　　lang 语言种类用来定义当前文档显示的语言。 en定义语言为英语 zh-CN定义语言为中文简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的　　字符集：1.字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。2.在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。3.<meta charset=” UTF-8″ />4.charset 常用的值有：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符.5.注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的 “UTF-8″，不要写成 “utf8” 或 “UTF8″。　　1.5 语义化标签：　　1.6 什么是语义化标签：　　

　　1.7 添加语义标签：　　

　　二、常用的标签：　　2.1 标题标签　　2. 2段落标签：　　2.3 换行标签　　2.4 文本格式化标签：　　2.5 div和span标签　　2.6 图片标签：　　

　　图像标签注意点： 1.图像标签可以拥有多个属性，必须写在标签名的后面。 2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。 3.属性采取键值对的格式，即 key=“value” 的格式，属性 =“属性值”。　　2.7 路径：　　

　　特点：相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级、下一级和同一级就是图片相对于 HTML 页面的位置。　　路径之绝对路径：　　绝对路径：　　1.是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。例如，“D:\web\img\logo.gif”或完整的网络地址“http://www.itcast.cn/images/logo.gif” 　　2.8 链接标签：　　链接分类： 1.外部链接: 例如 < a href=https://www.zhihu.com/question/”http:// www.baidu.com “> 百度</a >。 2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href=https://www.zhihu.com/question/”index.html”> 首页 </a >。 3.空链接: 如果当时没有确定链接目标时，< a href=https://www.zhihu.com/question/”#”> 首页 </a > 。 4.下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。 5.网页素链接: 在网页中的各种网页素，如文本、图像、表格、音频、视频等都可以添加超链接. 6.锚点链接: 点我们链接,可以快速定位到页面中的某个位置. + 在链接文本的 href 属性中，设置属性值为 #名字的形式，如第2集 + 找到目标位置标签，里面添加一个 id 属性 = 刚才的名字，如：<h3 id=”two”>第2集介绍</h3> 　　三、注释相关学习　　3.1 注释　　HTML中的注释以“”结束。具体实现：快捷键: ctrl + / 一句话: 注释标签里面的内容是给程序猿看的, 这个代码是不执行不显示到页面中的. 添加注释是为了更好地解释代码的功能，便于相关开发人员理解和阅读代码，程序是不会执行注释内容的　　2.3 特殊字符：　　

　　重点记住：空格、大于号、小于号这三个，其余的使用很少，如果需要回头查阅即可。　　HTML+CSS学习笔记如下（已完结）：　　认识网页 / HTML标签大全 / 表格 / 列表CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影浮动知识点汇总 / PS切图 / CSS属性书写顺序（重点） / CSS练手之学成在线页面制作CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位（position）的应用案例：淘宝轮播图 / 素的显示与隐藏 / 土豆网鼠标经过显示遮罩 /【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /溢出的文字省略号显示 / 常见布局技巧+案例 / CSS新增选择器 / 盒子模型和其他新特性　　HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：　　HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏）　　笔记18-H5语义化标签、音视频标签　　一、H5语义化标签　　<!– 　　HTML5语义化标签的使用(顾名思义) 　　1.section、header、nav、main、aside、article、footer默认是块级素HTML5常用标记个数格式含义语法书写1内容块<section></section>2头部<header></header>3导航<nav></nav>4尾部<footer></footer>5文章<article></article>6辅助信息<aside></aside>7主体内容<main></main> 　　2.语义化标签建议在移动端布局中使用　　–> 　　二、H5新增需要了解的标签　　HTML常用标记个数含义语法书写7独立内容块<figure><figcaption>这个是熊大小动物</figcaption><img src=https://www.zhihu.com/question/”xiongda.png” /></figure>类似dl dt dd8高亮显示文字<mark></mark>一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词9标题组<hgroup></hgroup><hgroup> 标签被用来对标题素进行分组10对话框<dialog open>这是打开的对话窗口</dialog>目前只有 Chrome 和 Safari 6 支持 <dialog> 标签11定义图形<canvas> </canvas>只是图形容器，必须使用脚本来绘制图形。　　三、音视频标签的使用　　①视频　　

　　多个视频

　　视频支持的格式

　　②音频　　<audio src=https://www.zhihu.com/question/”someaudio.mp3″>您的浏览器不支持 audio 标签。</audio>定义音频，比如音乐或其他音频流提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息

　　<!– 　　音视频标签的使用　　1.音频标签 audio 　　2.视频标签 video 　　3.相同的属性　　- src 引入音频或者视频的地址　　- controls 控件(设置了控件音视频才会显示) 　　- autoplay 自动播放(浏览器已经禁止自动播放) 　　- loop 自动循环　　- muted 静音　　4.不同的属性:视频标签中独有的属性 poster 首屏图片　　5.音视频使用的特殊情况:不同浏览器对于音视频的格式支持不一样　　–> 　　前端HTML、CSS、JavaScript全部笔记，都在这里，链接点进去就是知识点内容。　　HTML+CSS学习笔记如下（已完结）：　　认识网页 / HTML标签大全 / 表格 / 列表CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影浮动知识点汇总 / PS切图 / CSS属性书写顺序（重点） / CSS练手之学成在线页面制作CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位（position）的应用案例：淘宝轮播图 / 素的显示与隐藏 / 土豆网鼠标经过显示遮罩 /【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /溢出的文字省略号显示 / 常见布局技巧+案例 / CSS新增选择器 / 盒子模型和其他新特性　　HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏）　　JavaScript基础内容（已完结）　　认识JavaScript / 注释以及输入输出语句 / 变量的使用、语法扩展、命名规范数据类型简介以及简单的数据类型 / 变量数据类型/运算符&算数运算符 / 递增和递减运算符比较运算符和逻辑运算符 / 赋值运算符以及运算符优先级 / 流程控制-实际案例学习if语句三表达式&分支流程控制 switch 语句 / JavaScript的for循环学不明白怎么办？以案例学习JavaScript双重for循环 / JavaScript中while以及do while循环JavaScript遍历数组，附5个案例 / 函数的概念和使用/JavaScript函数的参数JavaScript的返回值 / 函数案例练习　　JavaScript最全拔高（更新中）　　JavaScript面向对象开发相关模式 / JavaScript创建对象简单方式到优化 / JavaScript面向对象游戏案例：贪吃蛇　　前端开源项目整理，送给大家！　　React Native Paper：基于 React Native 的 Material Design UI 组件库。链接：https://github.com/callstack/react-native-paperTensorFlow.js：基于 TensorFlow 的 JavaScript 库，用于在浏览器和 Node.js 中进行机器学习和深度学习。链接：https://github.com/tensorflow/tfjsVS Code：一个轻量级且强大的代码编辑器，由 Microsoft 开发。链接：https://github.com/microsoft/vscodeHome Assistant：一款开源的智能家居平台，可以将不同的智能设备整合到一个平台上。链接：https://github.com/home-assistant/home-assistantOpenCV：一个计算机视觉库，可以用于处理图像和视频。链接：https://github.com/opencv/opencvNode.js：一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以用于服务器端应用程序的开发。链接：https://github.com/nodejs/nodeWordPress：一个流行的开源内容管理系统，可以用于构建博客、网站和电子商务网站等。链接：https://github.com/WordPress/WordPressFastAPI：一个快速（高性能）的 Web 框架，用于构建基于 Python 的 API。链接：https://github.com/tiangolo/fastapiRust：一种快速、安全和并发的系统编程语言，由 Mozilla 开发。链接：https://github.com/rust-lang/rustElectron：一个基于 Web 技术的桌面应用程序框架，可以使用 HTML、CSS 和 JavaScript 构建跨平台的桌面应用程序。链接：https://github.com/electron/ele

html text文本框默认值_html文本框的高度和宽度怎么设置

相关推荐