不知不觉我已经踏上了这条程序猿的不归路，从最基础的HTML标签开始学习，道阻且艰。谨用简书来记录这些 即使敌众我寡，末将亦能万军丛中取敌将首级！...框架 公司开发流程 产品需求： 由产品经理给出 注意 最好要有文档 产品设计： 视觉设计师 和 交互设计师 前端开发： 后台开发： 测试： 上线运营： 前端的三要素 HTML 结构 CSS 行为 JS...样式 HTML的基本结构我就不说了 ---- CSS 又称层叠样式表 内联(行间)样式表 在标签内部书写 优点：优先级非常高 缺点： 代码非常多，维护非常困难 使用场景：针对个别特殊的进行修饰 内部样式表...： head 标签的内部用 优点： 一定程度上实线代码和样式的分离，速度块，没有额外的服务器的请求压力 缺点：造成单个页面体积过大 代码较乱，前后端沟通困难...，维护方便，便于改变，代码简洁，易于分工协作 缺点：容易混淆，会有垃圾代码，会造成服务器请求压力 使用场景： 公共样式的设计，大型网站的二三级页面 引入方式的优先级问题 内联>内部？
left:图片在文字的左侧 right:图片在文字的右侧 absbottom:文字的底线在图片底部 absmiddle:文字的底线在图片中间 baseline:...密码域的默认值" size="密码域的长度" maxlength="最多字符数"/> 的名称" type="radio" value="单选按钮的取值" checked...="按钮的名称 " value="按钮的取值" onclick="处理程序"/> 的名称" value="按钮的取值"/> 的名称" type="image" src="图像的路径"/> 的名称" type="hidden" value="隐藏域的取值"/> 的名称" type="file" size="文件域的长度" maxlength="最多字符数"/> 的名称"> <option value="选项值
H5基本框架组成 h5的整个框架也和人是有点相同的，他们也有头，身体与脚。 其中头部呢，包含了定义h5页面、定义当前页面编码、网站标题等元素 html> html代码的版本(H5)，必须放在最前面--> html lang="en"> html主体框架，里面包含了head与body框架，lang属性就是规定元素内容的语言(可无视，但是以后开发网站还是需要加上的)--> html> html lang="en"> text专用 div...DOCTYPE html> html lang="en"> text专用 div
HTML的笔记(上) 什么是HTML HTML：Hyper Text Markup Language(超级文本标签语言) HTML页面结构 有两部分组成： 文档类型声明 作用：告诉浏览器使用的是HTML...doctype html> HTML页面部分 作用：表示页面的开始和结束 语法：在文档类型声明的下面编写一对html>标记 html>html> Html标签里面有两个标签，分别是 ... 作用：表示网页的头部 作用：表示网页的身体，以后页面中所有的要显示的内容，都要写在body标签里HTML语法 标记语法 标记又叫标签或者元素，在网页中表示一些功能...语法：内容 eg:html> ~ 非封闭标记 也叫单标记...doctype html> 标签的嵌套 在一个标签中，出现另外一个标签，从而形成层叠关系，里面的标签又称为“子标签”，外面的标签又称为“父标签” 推荐写法： 在子元素前，
HTML语法介绍 HTML介绍 超文本标记语言（HyperText Markup Language）浏览器能够识别和解析的语言，通过标签的形式构建页面结构和填充内容 标签 标签也称为标记或元素，用于在网页中标记内容...例： 达内慕课网 使用 创建网页文件，使用.html 或.htm 作为文件后缀 添加网页的基本结构...> 网页主体内容 html> 专业的开发工具支持 HTML 代码补全功能，如 VSCode 中，创建好 HTML 页面以后可以输入英文感叹号...doctype html> HTML文档开始的标志 --> html> 的换行，需要借助于换行标签。 字符实体： 某些情况下，浏览器会将一些特殊字符按照 HTML 的方式解析，影响显示结果。
HTML 的标签组成部分、属性、实体 HTML 的实体： :> 空格: 5. HTML 中注释： 注释的目的：1. 辅助说明 2.代码调试 6. HTML标签（标记）的语法： 标签是由""括起来 双标签：.......HTML中的颜色：可以是颜色单词：red/blue/green/yellow... ...在 HTML 5 中，type 属性有很多新的值。 ...这是该元素与由 input 元素创建的按钮的不同之处。 6. html5标签--fieldset 元素可将表单内的相关元素分组。
DOCTYPE HTML>html>html; charset=utf-8">标题标签...html> ---- 了解HTML的代码注释 什么是代码注释？代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。...，就ok了 ---- 标签，短文本引用 想在你的html中加一段引用吗？...---- 为你的网页中添加一些空格 在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入nbsp;。不要忘了那个分号 在html代码中输入空格是不起作用的，如下代码。 ?...答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
HTML笔记（4） 开始今天的学习： HTML中的注释： 特殊字符： 特殊字符 字符代码 空格 (Non-breaking space) >大于 >(greater than) <小于 <(less than) HTML...-- 设置表格的位置、是否有边框 单元格之间的像素值 内容与单元格之间的像素值 表格的宽度 高度--> 百度 2 盗墓笔记... 查看效果： 一定要记得删除多余的单元格，否则会出现很多奇奇怪怪的格子，另外这个非常能锻炼到表格的运用，还有对单元格的定位。
HTML web概念概述 * JavaWeb： * 使用Java语言开发基于互联网的项目 * 软件架构： 1....* 静态资源： * HTML：用于搭建基础网页，展示页面的内容 * CSS：用于美化页面，布局页面 * JavaScript：控制页面的元素，让页面有一些动态的效果 HTML...属性是由键值对构成，值需要用引号(单双都可)引起来 5. html的标签不区分大小写，但是建议使用小写。...文件标签：构成html最基本的标签 * html:html文档的根标签 * head：头标签。用于指定html文档的一些属性。...引入外部的资源 * title：标题标签。 * body：体标签 * html>：html5中定义该文档是html文档 2.
DOCTYPE>声明 doctype 声明是不区分大小写的 html的版本，例如html5 HTML 段落是通过标签 来定义的。 HTML 链接是通过标签 来定义的。 HTML 图像是通过标签 来定义的. HTML 空元素 没有内容的 HTML 元素被称为空元素。...空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。 在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。...HTML 属性 name="value" style：规定元素的行内样式（inline style） 标签在 HTML 页面中创建水平线。 HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
本文作者：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(关键字)用于告诉搜索引擎，你网页的关键字。...html,笔记"> viewport(移动端的窗口)这个属性常用于设计移动端网页，相关属性如下： 1.width：控制 viewport
HTML学习笔记（2） 今天是学习的第二天，但是一直在上课，所以没学多少，还是趁着上课偷偷学的。...学习笔记： 和标签 div是division的缩写，表示分割、分区 （div是块级标签）。 span的意思是跨度、跨距 （span是行级标签）。 特点： 1....图像标签和路径 标签用于定义HTML页面中的图像，img是image的缩写。 src（source的缩写）是的必要属性，它用于指定图像文件的路径和文件名。...实践：（代码和在浏览器中效果展示） 高度和宽度一般只要调整一个就可以，他会自动根据比例缩放，而border在HTML中不常设置，会在CSS中设置，所以这里不展示了，以后会学的。...路径（前期铺垫知识） 目录文件夹：就是普通文件夹，里面存放我们做页面所需要的相关素材，比如HTML文件，图片等。 根目录：打开目录文件夹的第一层就是根目录。
HTML笔记(6) 昨天一直在学习python的自动登录，教务系统已经可以成功登录了，但是12306还不行。今天继续学习HTML。...简单来说，就是我们帮助我们更简单的点击我们想要的内容。就比如下图，用户只要将鼠标移到文字上，就可以选择到相对应的单选框。 (配图有点阴间了...)...成果展示: 做的没有老师的那么美观,因为不是很会对齐,现在贴一下完整的代码: html> html lang="zh-cn"> 真诚的寻找另一半 html> 学了一个下午,现在要休息一下准备运动了 : )
HTML笔记（5） 列表标签： 表格是用来显示数据的，那么列表就是用来布局的，列表最大的特点就是整齐，根据使用场景的不同，列表可以分成三大列： 无序列表、有序列表和自定义列表。...无序列表（重点） (unordered lists)标签表示HTML页面中项目的无序列表，一般以项目符号呈现列表项，而列表项使用(list item)标签定义。...在HTML中，(ordered lists)标签用于定义有序列表，列表排序以数字显示，并且用标签来定义列表项....自定义列表 在HTML中，（definition lists）标签用于定义描述列表（或定义列表），该标签会与（definition term)(定义项目/名字)和（definition...表单的组成： 表单域 表单控件（也叫做表单元素） 提示信息 表单域： 表单域是一个包含表单元素的区域 在HTML中，标签用于定义表单域，以实现用户信息的收集和传递。
HTML笔记（3） 今天考完试了，晚修的时候学习了HTML，回到寝室实践+总结。...今天学习的是重点内容：超链接标签 比如我们打开百度时界面上的小字，点进去会跳到别的页面去的就是超链接 链接的语法格式： 的方式...>图像或文本 其中a是anchor的缩写，意为：锚 两个属性的作用如下： href 用于指定链接目标的url地址，（必须属性），当标签有href时，他就具有了超链接的功能。...-- 内部链接的使用 --> html" target="_blank">时事新闻 空链接 的内容，这就是锚点链接，比如百度百科里的目录： 设置锚点链接的方法： 在链接文本的href属性中，设置href属性值为#名字的形式 如 <a href="#one"
[TOC] 什么是HTML HTML 是用来描述网页的一种语言。...HTML 标签是由尖括号包围的关键词，比如 （html>） HTML 标签通常是成对出现的，比如 （） 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签...，在html的标签中使用。...HTML 元素 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭...属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name="value"。 属性总是在 HTML 元素的开始标签中规定。
web标准 W3C组织（万维网联盟） Html （结构标准 ），相当人的身体。 Css 样式（表现）标准 ， 相当与给人化妆 变的更漂亮。 Js 行为标准 ， 相当与人在唱歌，页面更灵动。...浏览器内核 也就是渲染引擎（决定了浏览器如何显示网页的内容及页面的格式信息（兼容性问题） ---- 认识html Hyper text markup language 超文本标记语言。超文本：超链接。...（实现页面跳转） html结构标准 主体标签 html> html标签分类 单标签 html> 双标签 html> html> Html标签关系分类 包含（嵌套关系）
”/> 常用的属性：src用来引入图片 width用来描述图片的宽度 height用来描述图片的高度 border用来描述图片的边框 注意：图片的路径分为绝对路径和相对路径（同级目录，上级目录...—图像标记–>，注释标记的内容不回显示在网页上面 ****html描述网页的语言，并不是很严谨的语言，html标记通过被浏览器解析，展示特定的效果。...>>>提示信息：告诉用户输入框要输入什么值， >>>表单域：标识表单的开始和结束，语法 提示信息：表单控件 创建表单 比如：html" method="post...="demo1.html"> <!...比如： html" target="_self">自己站内跳转到demo1之self的效果 html" target
「学习笔记」HTML基础 一、认识WEB 「网页」主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及Flash等。 「浏览器」是网页显示、运行的平台。...(JavaScript) 「Web标准的优点」 易于维护：只需更改CSS文件，就可以改变整站的样式 页面响应快：HTML文档体积变小，响应时间短 可访问性：语义化的HTML（结构和表现相分离的HTML）...编写的网页文件，更容易被屏幕阅读器识别 设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式 搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名 ---- 二、HTML初识 HTML初识...标签属性(行内式)」 使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。...XHTML 的目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。
一、html是什么 HTML全称是Hyper Text Markup Language（超文本标记语言） HTML 是用来描述网页的一种语言。...HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 二、代码 HTML 标题（Heading...我的第一个网页 我的第一个网页 我的第一个网页 HTML 段落 HTML 段落是通过 标签进行定义的。...我的第一个网页 我的第一个网页 第一个html网页 我的第一个网页 hello world!...我的第一个网页 我的第一个网页 我的第一个网页 我的第一个网页 我的第一个网页 三.测试
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
