首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    学习HTML笔记

    不知不觉我已经踏上了这条程序猿不归路,从最基础HTML标签开始学习,道阻且艰。谨用简书来记录这些 即使敌众我寡,末将亦能万军丛中取敌将首级!...框架 公司开发流程 产品需求: 由产品经理给出 注意 最好要有文档 产品设计: 视觉设计师 和 交互设计师 前端开发: 后台开发: 测试: 上线运营: 前端三要素 HTML 结构 CSS 行为 JS...样式 HTML基本结构我就不说了 ---- CSS 又称层叠样式表 内联(行间)样式表 在标签内部书写 优点:优先级非常高 缺点: 代码非常多,维护非常困难 使用场景:针对个别特殊进行修饰 内部样式表...: head 标签内部用 优点: 一定程度上实线代码和样式分离,速度块,没有额外服务器请求压力 缺点:造成单个页面体积过大 代码较乱,前后端沟通困难...,维护方便,便于改变,代码简洁,易于分工协作 缺点:容易混淆,会有垃圾代码,会造成服务器请求压力 使用场景: 公共样式设计,大型网站二三级页面 引入方式优先级问题 内联>内部?

    72490

    HTML笔记

    HTML笔记(上) 什么是HTML HTML:Hyper Text Markup Language(超级文本标签语言) HTML页面结构 有两部分组成: 文档类型声明 作用:告诉浏览器使用HTML...doctype html> HTML页面部分 作用:表示页面的开始和结束 语法:在文档类型声明下面编写一对标记 Html标签里面有两个标签,分别是 ... 作用:表示网页头部 作用:表示网页身体,以后页面中所有的要显示内容,都要写在body标签里HTML语法 标记语法 标记又叫标签或者元素,在网页中表示一些功能...语法:内容 eg: ~ 非封闭标记 也叫单标记...doctype html> 标签嵌套 在一个标签中,出现另外一个标签,从而形成层叠关系,里面的标签又称为“子标签”,外面的标签又称为“父标签” 推荐写法: 在子元素前,

    2.3K30

    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(关键字)用于告诉搜索引擎,你网页关键字。... viewport(移动端窗口)这个属性常用于设计移动端网页,相关属性如下: 1.width:控制 viewport

    93910

    HTML笔记(2)

    HTML学习笔记(2) 今天是学习第二天,但是一直在上课,所以没学多少,还是趁着上课偷偷学。...学习笔记: 和标签 div是division缩写,表示分割、分区 (div是块级标签)。 span意思是跨度、跨距 (span是行级标签)。 特点: 1....图像标签和路径 标签用于定义HTML页面中图像,img是image缩写。 src(source缩写)是必要属性,它用于指定图像文件路径和文件名。...实践:(代码和在浏览器中效果展示) 高度和宽度一般只要调整一个就可以,他会自动根据比例缩放,而border在HTML中不常设置,会在CSS中设置,所以这里不展示了,以后会学。...路径(前期铺垫知识) 目录文件夹:就是普通文件夹,里面存放我们做页面所需要相关素材,比如HTML文件,图片等。 根目录:打开目录文件夹第一层就是根目录。

    49710

    HTML笔记(3)

    HTML笔记(3) 今天考完试了,晚修时候学习了HTML,回到寝室实践+总结。...今天学习是重点内容:超链接标签 比如我们打开百度时界面上小字,点进去会跳到别的页面去就是超链接 链接语法格式: 图像或文本 其中a是anchor缩写,意为:锚 两个属性作用如下: href 用于指定链接目标的url地址,(必须属性),当标签有href时,他就具有了超链接功能。...-- 内部链接使用 --> 时事新闻 空链接 <a href="#"...,会有一些超链接按钮帮助我们直达想看内容,这就是锚点链接,比如百度百科里目录: 设置锚点链接方法: 在链接文本href属性中,设置href属性值为#名字形式 如 <a href="#one"

    42220

    HTML笔记(5)

    HTML笔记(5) 列表标签: 表格是用来显示数据,那么列表就是用来布局,列表最大特点就是整齐,根据使用场景不同,列表可以分成三大列: 无序列表、有序列表和自定义列表。...无序列表(重点) (unordered lists)标签表示HTML页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用(list item)标签定义。...在HTML中,(ordered lists)标签用于定义有序列表,列表排序以数字显示,并且用标签来定义列表项....自定义列表 在HTML中,(definition lists)标签用于定义描述列表(或定义列表),该标签会与(definition term)(定义项目/名字)和(definition...表单组成: 表单域 表单控件(也叫做表单元素) 提示信息 表单域: 表单域是一个包含表单元素区域 在HTML中,标签用于定义表单域,以实现用户信息收集和传递。

    91510

    「学习笔记HTML基础

    「学习笔记HTML基础 一、认识WEB 「网页」主要是由文字、图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频、视频以及Flash等。 「浏览器」是网页显示、运行平台。...(JavaScript) 「Web标准优点」 易于维护:只需更改CSS文件,就可以改变整站样式 页面响应快:HTML文档体积变小,响应时间短 可访问性:语义化HTML(结构和表现相分离HTML)...编写网页文件,更容易被屏幕阅读器识别 设备兼容性:不同样式表可以让网页在不同设备上呈现不同样式 搜索引擎:语义化HTML能更容易被搜索引擎解析,提升排名 ---- 二、HTML初识 HTML初识...标签属性(行内式)」 使用HTML制作网页时,如果想让HTML标签提供更多信息,可以使用HTML标签属性加以设置。...XHTML 目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同。 XHTML 是更严格更纯净 HTML 版本。

    3.7K20
    领券