草庐IT

前端DAY01-HTML

tender-81 2023-03-28 原文

DAY01

计算机的介绍
特点：
	1.可以进行数值计算，可以进行逻辑计算
	2.具有存储记忆功能
硬件：看得见，摸得着的 显示器，主机，存储器
软件：看得见，摸不着的
	系统软件：操作系统：windows、Linux、UNIX等
	应用软件：各类app
C/S架构和B/S架构
1.C/S架构：需要安装 app
	C:client 客户机 由服务器S提供的信息
	S:server 服务器 (数据来源)
	优点：安全性更高
	缺点：对用户来说需要安装更新维护
2.B/S架构：不需要安装 网页
	B:browser 浏览器由服务器S提供的信息
	S:server 服务器 (数据来源)
	优点：对用户友好，对设备要求低，不必安装维护
	缺点：安全性低
网站的建设流程
一、注册域名(网址)：www.baidu.com
二、租用服务器：一台电脑用来存储数据
三、网站制作:
	以前的流程：
		1.产品经理提需求
		2.UI根据需求设计网页
		3.前端把UI设计的网页以代码的形式运行到浏览器
		4.后台：数据处理，功能的实现
		5.测试：测试问题
		6.上线
	现在的流程：(前后端分离)
		1.产品经理提需求
		2.UI和前端及后台同时工作
		3.联调
		4.测试：测试问题
		5.上线
四、推广：1.免费推广：从代码上进行一些处理
		2.付费推广：广告，视频(抖音，b站...) 百度推广...
五、维护
前端和后台：
前端：客户端，离用户比较近，所做的工作是用户看得到的
后台：服务端，所做的工作是用户并不能直接看到的
前端和后台的关系：
	前端发出请求给服务器，后台根据前端发出的请求进行响应，把结果反馈给前端，显示在前端界面上
Web网站和网页
web：全称 world wide web；万维网、广域网、互联网
网站：是无数个网页的集合
网页的组成：
	网页的结构html：超链接、音频、视频、图片、文本...搭建的网页结构；
	网页的表现css：修饰结构，让结构更好看；
	网页的行为javascript：实现和网页的交互效果；
浏览器的介绍
网页需要在浏览器中运行
浏览器的兼容：浏览器解析代码的结果不一样的情况，兼容主流浏览器；
主流浏览器：IE、firefox、Safari、Chrome、opera、edge
内核：（四大浏览器内核）
	Trident  不能跨平台	IE
	Gecko  开源	firefox
	webkit 轻量级	(Safari 、苹果浏览器、谷歌浏览器(旧版))
	webkit–>blink 	(由webkit衍生而来的) (谷歌、opera)
	Presto(Opera前内核) (已废弃)	(opera)
Web标准
代码需要标准化
Web标准：
	结构：html5
	表现：css
	行为：js
	结构和表现的语言标准是由W3C制定的
	行为标准是由ECMA制定的
html+css
	xhtml(html4.01)+css2.0
	h5+c3
编辑器的使用
1.安装插件
2.打开文件夹，创建文件夹和文件
3.项目里存在的基本的文件和文件夹
	css文件夹：存放css文件；
	html文件夹：存放除index.html文件的html文件；
	js文件夹：存放index.html文件；
	images文件夹：存放图片；
	index.html 表示首页；
编辑器中常用的快捷键
1.显示html5基本结构的快捷键：!  回车
2.alt+shift+下	复制
文件的命名规则
1.小写英文字母，或者英文字母、数字、连接符、下划线的组合；
2.其中不得包含汉字、空格和特殊字符；必须以英文字母开头；
3.不可以数字开头；
	注：只要是语法上的标点符号，都要使用英文输入法的符号；
HTML的发展史
XML：可扩展标记语言
HTML：超文本标记语言
XHTML：可扩展超文本标记语言
HTML的基本结构
<!DOCTYPE html>：文档声明，浏览器以html5版本来解析当前的代码，必须放在第一行，不区分大小写
<html></html>：根标签，根元素
<html lang="en">：定义语言；“ch”中文
<title></title>：当前文件的标题
<head></head>：头部区域，描述区
<body></body>：主体区
<meta charset = "UTF-8">：定义编码格式，字符集
HTML5的语法
<标签 属性 = "属性值" 属性 = “属性值1 属性值2”></标签>
说明：
	1.<>里面的第一个单词，称之为标签、标记、元素；
	2.标签可以没有属性，也可以有多个属性；
	3.标签和属性之间要用空格隔开；
	4.标签有多个属性时，属性和属性之间也要用空格隔开；
	5.属性与属性值用等号连接；
	6.属性值必须卸载引号里面（可以是“ ”，也可以是’ ‘）；
	7.属性有多个属性值时，属性值之间用空格隔开；

标签的两种类型：

	常规标记(双标记)：又开始标签，也有结束标签
	空标记(单标记)：只有开始标签，没有结束标签，自结束的<br/>可以不写
HTML中标签之间的关系
嵌套关系
并列关系
HTML4.01标签-文本标签,段落标签，加粗标签,倾斜标签,下划线标签
1.文本标题标签：
	<h1~h6>	一到六级标题
	h1一般放logo
	文本标题标签和网页标题标签的区别：
		显示位置不一样
		代表的含义也不一样
2.段落标签：<p></p>自带段间距
3.加粗标签：<b></b>普通加粗	<strong></strong>语义化标签，更具有强调的作用
4.倾斜标签：<i></i>普通倾斜	<em></em>语义化标签，更具有强调的作用
5.下划线标签：<u></u>普通下划线	<ins></ins>语义化标签，更具有强调的作用
6.删除线标签：<s></s>普通的删除线	<del></del>语义化标签，更具有强调的作用
7.上标：<sup></sup>	下标<sub></sub>
8.文本节点：<span></span>没有默认的样式
9.水平线标签：<hr>是单标签
10.强制换行标签：<br>单标签
11.转义字符：
	&nbsp；空格
	&lt;	<
	&gt;	>
	&copy;	版权所有
	&reg;	注册商标
浏览器更喜欢语义化标签
HTMLDAYcodepregtHtml/Css

有关前端DAY01-HTML的更多相关文章

  1. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  2. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

  3. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2

    所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择

  4. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  5. ruby-on-rails - capybara ::ElementNotFound:无法找到 xpath "/html" - 2

    我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'

  6. ruby - 如何使用 Ruby 将 CSV 文件读入 HTML 表格？ - 2

    我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示，但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题，而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda

  7. ruby - 如何使用 Nokogiri 解析纯 HTML 表格？ - 2

    我想用Nokogiri解析HTML页面。页面的一部分有一个表，它没有使用任何特定的ID。是否可以提取如下内容:Today,3,455,34Today,1,1300,3664Today,10,100000,3444,Yesterday,3454,5656,3Yesterday,3545,1000,10Yesterday,3411,36223,15来自这个HTML:TodayYesterdayQntySizeLengthLengthSizeQnty345534345456563113003664354510001010100000344434113622315

  8. ruby-on-rails - 连接字符串时如何在 <%=%> block 内输出 html_safe？ - 2

    考虑一下:现在这些情况:#output:http://domain.com/?foo=1&bar=2#output:http://domain.com/?foo=1&bar=2#output:http://domain.com/?foo=1&bar=2#output:http://domain.com/?foo=1&bar=2我需要用其他字符串输出URL。我如何保证＆符号不会被转义？由于我无法控制的原因，我无法发送&。求助!把我的头发拉到这里:\编辑:为了澄清，我实际上有一个像这样的数组:@images=[{:id=>"fooid",:url=>"http://

  9. ruby-on-rails - 我需要从 HTML 转到 markdown，有什么建议吗？ - 2

    我正在使用Maruku，将Markdown(超集)转换为HTML，你知道我该怎么做才能从HTML转换为Markdown吗？ 最佳答案 Google发现了一个名为reverse_markdown的ruby​​脚本.它似乎可以满足您的需求。 关于ruby-on-rails-我需要从HTML转到markdown，有什么建议吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/175162

  10. ruby-on-rails - rails : Find tasks that were created on a certain day? - 2

    我有一个任务列表(名称、starts_at)，我试图在每日View中显示它们(就像iCal)。deftodays_tasks(day)Task.find(:all,:conditions=>["starts_atbetween?and?",day.beginning,day.ending]end我不知道如何将Time.now(例如“2009-04-1210:00:00”)动态转换为一天的开始(和结束)，以便进行比较。 最佳答案 deftodays_tasks(now=Time.now)Task.find(:all,:conditio

随机推荐