不知不觉我已经踏上了这条程序猿的不归路，从最基础的HTML标签开始学习，道阻且艰。谨用简书来记录这些 即使敌众我寡，末将亦能万军丛中取敌将首级！...框架 公司开发流程 产品需求： 由产品经理给出 注意 最好要有文档 产品设计： 视觉设计师 和 交互设计师 前端开发： 后台开发： 测试： 上线运营： 前端的三要素 HTML 结构 CSS 行为 JS...样式 HTML的基本结构我就不说了 ---- CSS 又称层叠样式表 内联(行间)样式表 在标签内部书写 优点：优先级非常高 缺点： 代码非常多，维护非常困难 使用场景：针对个别特殊的进行修饰 内部样式表...： head 标签的内部用 优点： 一定程度上实线代码和样式的分离，速度块，没有额外的服务器的请求压力 缺点：造成单个页面体积过大 代码较乱，前后端沟通困难...，维护方便，便于改变，代码简洁，易于分工协作 缺点：容易混淆，会有垃圾代码，会造成服务器请求压力 使用场景： 公共样式的设计，大型网站的二三级页面 引入方式的优先级问题 内联>内部？
left:图片在文字的左侧 right:图片在文字的右侧 absbottom:文字的底线在图片底部 absmiddle:文字的底线在图片中间 baseline:...密码域的默认值" size="密码域的长度" maxlength="最多字符数"/> <option value="选项值
H5基本框架组成 h5的整个框架也和人是有点相同的，他们也有头，身体与脚。 其中头部呢，包含了定义h5页面、定义当前页面编码、网站标题等元素 text专用 div...DOCTYPE html> text专用 div
HTML语法介绍 HTML介绍 超文本标记语言（HyperText Markup Language）浏览器能够识别和解析的语言，通过标签的形式构建页面结构和填充内容 标签 标签也称为标记或元素，用于在网页中标记内容...例： 达内慕课网 使用 创建网页文件，使用.html 或.htm 作为文件后缀 添加网页的基本结构...> 网页主体内容 专业的开发工具支持 HTML 代码补全功能，如 VSCode 中，创建好 HTML 页面以后可以输入英文感叹号...doctype html> <!...想要实现页面中的换行，需要借助于换行标签。 字符实体： 某些情况下，浏览器会将一些特殊字符按照 HTML 的方式解析，影响显示结果。
HTML的笔记(上) 什么是HTML HTML：Hyper Text Markup Language(超级文本标签语言) HTML页面结构 有两部分组成： 文档类型声明 作用：告诉浏览器使用的是HTML...doctype html> HTML页面部分 作用：表示页面的开始和结束 语法：在文档类型声明的下面编写一对标记 Html标签里面有两个标签，分别是 ... 作用：表示网页的头部 作用：表示网页的身体，以后页面中所有的要显示的内容，都要写在body标签里HTML语法 标记语法 标记又叫标签或者元素，在网页中表示一些功能...语法：内容 eg: ~ 非封闭标记 也叫单标记...doctype html> 标签的嵌套 在一个标签中，出现另外一个标签，从而形成层叠关系，里面的标签又称为“子标签”，外面的标签又称为“父标签” 推荐写法： 在子元素前，
HTML 的标签组成部分、属性、实体 HTML 的实体： :> 空格: 5. HTML 中注释： 注释的目的：1. 辅助说明 2.代码调试 6. HTML标签（标记）的语法： 标签是由""括起来 双标签：.......HTML中的颜色：可以是颜色单词：red/blue/green/yellow... ...在 HTML 5 中，type 属性有很多新的值。 ...这是该元素与由 input 元素创建的按钮的不同之处。 6. html5标签--fieldset 元素可将表单内的相关元素分组。
DOCTYPE HTML>标题标签... ---- 了解HTML的代码注释 什么是代码注释？代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。...，就ok了 ---- 标签，短文本引用 想在你的html中加一段引用吗？...---- 为你的网页中添加一些空格 在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入nbsp;。不要忘了那个分号 在html代码中输入空格是不起作用的，如下代码。 ?...答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
本文作者：IMWeb 我饿了 原文出处：IMWeb社区 未经同意，禁止转载 HTML——学习笔记 我是next 3期学员dengyu，这是我的HTML学习笔记，欢迎大家指正错误。...，如 换行标签： 3、HTML文档的基础结构 HTML文档的文件名一般为“文件名.htm”或者“文件名.html”，HTML文档由文档声明和html元素组成，html元素内，只能包含head...DOCTYPE html>为HTML 5文档声明，告诉浏览器我们现在使用的是HTML 5版本进行解析，编写html文档时千万不要忘记，避免浏览器错误的解析html版本，造成一些页面显示不正确等奇怪的问题... keywords(关键字)用于告诉搜索引擎，你网页的关键字。... viewport(移动端的窗口)这个属性常用于设计移动端网页，相关属性如下： 1.width：控制 viewport
DOCTYPE>声明 doctype 声明是不区分大小写的 html的版本，例如html5 来定义的。 HTML 链接是通过标签 来定义的。 HTML 图像是通过标签 来定义的. HTML 空元素 没有内容的 HTML 元素被称为空元素。...空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。 在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。...HTML 属性 name="value" style：规定元素的行内样式（inline style） 标签在 HTML 页面中创建水平线。 HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
HTML笔记(6) 昨天一直在学习python的自动登录，教务系统已经可以成功登录了，但是12306还不行。今天继续学习HTML。...简单来说，就是我们帮助我们更简单的点击我们想要的内容。就比如下图，用户只要将鼠标移到文字上，就可以选择到相对应的单选框。 (配图有点阴间了...)...成果展示: 做的没有老师的那么美观,因为不是很会对齐,现在贴一下完整的代码: 真诚的寻找另一半 学了一个下午,现在要休息一下准备运动了 : )
HTML学习笔记（2） 今天是学习的第二天，但是一直在上课，所以没学多少，还是趁着上课偷偷学的。...学习笔记： 和标签 div是division的缩写，表示分割、分区 （div是块级标签）。 span的意思是跨度、跨距 （span是行级标签）。 特点： 1....图像标签和路径 标签用于定义HTML页面中的图像，img是image的缩写。 src（source的缩写）是的必要属性，它用于指定图像文件的路径和文件名。...实践：（代码和在浏览器中效果展示） 高度和宽度一般只要调整一个就可以，他会自动根据比例缩放，而border在HTML中不常设置，会在CSS中设置，所以这里不展示了，以后会学的。...路径（前期铺垫知识） 目录文件夹：就是普通文件夹，里面存放我们做页面所需要的相关素材，比如HTML文件，图片等。 根目录：打开目录文件夹的第一层就是根目录。
HTML笔记（4） 开始今天的学习： HTML中的注释： 特殊字符： 特殊字符 字符代码 空格 (Non-breaking space) >大于 >(greater than) <小于 <(less than) HTML...-- 设置表格的位置、是否有边框 单元格之间的像素值 内容与单元格之间的像素值 表格的宽度 高度--> 百度 2 盗墓笔记... 查看效果： 一定要记得删除多余的单元格，否则会出现很多奇奇怪怪的格子，另外这个非常能锻炼到表格的运用，还有对单元格的定位。
HTML笔记（3） 今天考完试了，晚修的时候学习了HTML，回到寝室实践+总结。...今天学习的是重点内容：超链接标签 比如我们打开百度时界面上的小字，点进去会跳到别的页面去的就是超链接 链接的语法格式： 图像或文本 其中a是anchor的缩写，意为：锚 两个属性的作用如下： href 用于指定链接目标的url地址，（必须属性），当标签有href时，他就具有了超链接的功能。...-- 内部链接的使用 --> 时事新闻 空链接 <a href="#"...，会有一些超链接按钮帮助我们直达想看的内容，这就是锚点链接，比如百度百科里的目录： 设置锚点链接的方法： 在链接文本的href属性中，设置href属性值为#名字的形式 如 <a href="#one"
HTML笔记（5） 列表标签： 表格是用来显示数据的，那么列表就是用来布局的，列表最大的特点就是整齐，根据使用场景的不同，列表可以分成三大列： 无序列表、有序列表和自定义列表。...无序列表（重点） (unordered lists)标签表示HTML页面中项目的无序列表，一般以项目符号呈现列表项，而列表项使用(list item)标签定义。...在HTML中，(ordered lists)标签用于定义有序列表，列表排序以数字显示，并且用标签来定义列表项....自定义列表 在HTML中，（definition lists）标签用于定义描述列表（或定义列表），该标签会与（definition term)(定义项目/名字)和（definition...表单的组成： 表单域 表单控件（也叫做表单元素） 提示信息 表单域： 表单域是一个包含表单元素的区域 在HTML中，标签用于定义表单域，以实现用户信息的收集和传递。
1.网页文档的结构和格式的定义是由HTML元素来完成的.HTML元素是由单个或一对标签定义的范围。一个标签就是左右分别有()的字符串。开始标签是指不以/开头的标签，其内是一串允许的属性-值对。...结束标签是以一个/开头的标签 2.HTML元素的四种形式 ~空元素 ~带有属性的元素 ~带有内容的元素 http://........ ~带有内容和属性的元素 http://......
JS /* * Javascript base64encode() base64加密函数 用于生成字符串对应的base64加密字符串 * @param string input 原始字符串 *..., "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; console.log(year, mon, date, weeks[week]) $("#time").html... 立即委托除醛 为了您的利益及我们的口碑...，您的隐私将被严格保密。...获取选中checkBox 所在行的数据。
title 鼠标移到图片上的提示文字 图像标签img 4 图片的相对和绝对路径 一、“网页1”引用海贼王图片...採用的是“绝对路径”方法，所谓的绝对路径就是完整的路径。...大家要懂得这样的写法。 如今就能够对相对路径写法进行总结了。相对路径的写法首先就是要分析当前网页的位置和图像的位置之间的关系，然后用一种方式把他们之间的相对关系表达出来。...眼下这样的格式的动画在互联网上广为流行。 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/115241.html原文链接：https://javaforall.cn
前端：什么是前端、技术栈、关注点、边界、开发环境 HTML：DOM 树的概念、基本语法、常用标签、内容划分、语义化 # 前端与 HTML - 笔记 # 前端 # 什么是前端 我认为前端的核心就是与用户的直接交互...，有屏幕的地方就有前端 前端的要解决的问题主要有： GUI 人机交互问题 跨终端 使用 web 技术栈 # 前端技术栈 传统意义上的前端开发就是 HTML、CSS、JavaScript 三件套 HTML...doctype html> 表明当前文档使用的 html 版本，对于 html5 来说，这样写就可以了 是文档的根标签，所有的其他的标签都在这个根标签下 标签存放页面不希望展示...，但需要的数据 标签存放的是要展示给用户的内容 # DOM 树 由 HTML 标签组成的文档对象模型树，即为 DOM 树 # HTML 语法 HTML 文档由若干 HTML 元素组成，...HTML 中的 元素 、 属性 及 属性值 都拥有某些含义 开发者应该遵循 语义 来编写 HTML 有序列表用 ol ; 无序列表用 ul lang 属性表示内容所使用的语言 为什么要使用？
HTML 描写 HTML是网页语言（超文本标记语言），采用标签格式进行编写 HTML标签：采用尖括号包围的关键字，通常成对出现（闭合标签），但是也有个别非成对的（非闭合标签） HTML文档：一个完整的HTML...如上就是最简单的HTML文档内容， 标签之间描述的代码内容就是描述网页（文档内容），标签之间的文本代表可见的网页文档内容，代表一级标题，代表一个内容段落...；在加载图像的时候，会以替换文本的元素内容显示在页面上 HTML水平线： 非闭合标签，主要可以使用水平线 HTML注释：标签的name和content属性的作用是描述HTML页面简介和关键字 HTML 声明帮助浏览器可以正确的显示HTML网页信息 声明： HTML有多个不同的版本，只有完全明白页面中使用的确切的HTML版本，浏览器才能完全正确的显示HTML页面，这就是声明的用处。 < !
”/> 常用的属性：src用来引入图片 width用来描述图片的宽度 height用来描述图片的高度 border用来描述图片的边框 注意：图片的路径分为绝对路径和相对路径（同级目录，上级目录...—图像标记–>，注释标记的内容不回显示在网页上面 ****html描述网页的语言，并不是很严谨的语言，html标记通过被浏览器解析，展示特定的效果。...>>>提示信息：告诉用户输入框要输入什么值， >>>表单域：标识表单的开始和结束，语法 提示信息：表单控件 创建表单 比如： <!...比如： 自己站内跳转到demo1之self的效果 <a href="demo1.<em>html</em>" target
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
