‘壹’ web前端a标签、span标签、p标签、h标签有什么区别
在html标准文档流里面,
1.
a,span标签属于行内元素,p,h标签属于块级元素
2.
a标签中的内容是页面链接形式,span标签往往是纯文本,p标签中可包含多个span标签文本,h标签内也主要是文本(在seo优化当中,h标签往往具有较高权重)
‘贰’ web前端中有哪些块级
web前端的css中有块级元素和行内元素。
常见块级元素:
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 标题一级
<h2>...</h2> 标题二级
<h3>...</h3> 标题三级
<h4>...</h4> 标题四级
<h5>...</h5> 标题五级
<h6>...</h6> 标题六级
<hr> 水平分割线
<p>...</p> 段落
<pre>...</pre> 预格式化
<blockquote>...</blockquote> 段落缩进 前后5个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定义列表
<table>...</table> 表格
<form>...</form> 表单
<div>...</div>
HTML5新增块级元素
<header>...</header>签定义文档的页眉(介绍信息)。
<section>...</section>标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<footer>...</footer>标签定义文档或节的页脚。应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等 等。可以在一个文档中使用多个 <footer> 元素。联系信息应该位于 <address> 标签中。
<aside>...</aside>标签定义其所处内容之外的内容。其内容应该与附近的内容相关。可做侧栏。
<nav>...</nav>标签定义导航链接的部分。
<main>...</main>标签规定文档的主要内容。其元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、 版权信息、站点标志或搜索表单。在一个文档中,不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代: <article>、<aside>、<footer>、<header> 或 <nav>。
<article>...</article>标签规定独立的自包含内容。元素的潜在来源:论坛帖子、报纸文章、博客条目、用户评论。
<figure>...</figure>标签规定独立的流内容(图像、图表、照片、代码等等)
‘叁’ web中的信息资源的基本构成是什么
构成Web
(World Wide Web、万维网)体系结构的五大基本元素是:Web服务器、Web浏览器、浏览器与服务器之间的通信协议HTTP(Hypertext Transfer Protocol 、超文本传输协议)、写Web文档的语言HTML(Hypertext Markup Language、超文本标记语言)、以及用来标识Web上资源的URL(Universal Resource Locator 、统一资源定位器)。
Web系统的组成部分:
页面:超文本文档在用户端显示为页面(Page)
浏览器:页面通过一个称作浏览器(Browser)的程序观看。
超链接:页面内链接到其它页面的文本串叫超链接,一般突出显示。
主页(Homepage)是首页,整个文件的起始点和汇总点。
标识页面的方法是采用统一资源定位器URL (Uniform Resource Locator) 有效地作为页面的世界性名字。也称为网页在Internet上的地址(网址)。如:http://www.cug.e.cn/welcome.html
Web系统的结构:
Web系统是客户 —— 服务器模式:
Web客户机:客户端的浏览器
Web服务器:多媒体资源存放的主机
中间件:可以调用Web服务器中的数据库和其它应用程序,满足客户的各种应用要求。
Web系统的请求与应答:
客户机使用特定的协议如 HTTP 与服务器建立连接,客户机发送请求服务器接受并执行客户请求的操作,再将结果返回客户。
Web客户-服务器系统的功能:
信息取得,资料和交易的管理以及共享信息。
‘肆’ 初学web需要学习那些知识
第一步:学习HTML和CSS
HTML(超文本标记语言)是网页的核心,学好HTML是成为Web开发人员的基本条件。HTML很容易学习的,但也很容易误用,要学精还得费点功夫。
随着HTML5的发展和普及,了解HTML5也将成为Web开发人员的必修课。
涉及到网页外观时,就需要学习CSS了,它可以帮你把网页做得更美观。
利用HTML和CSS模拟一些你所见过的网站的排版和布局(色彩,图片,文字样式等等)。
第二步:学习javascript,了解DOM
JavaScript是一种能让你的网页更加生动活泼的程序语言。学习JavaScript的基本语法,学会用javascript操作网页中dom元素。
接着学习使用一些javascript库,比如jquery是大部分WEB开发人员都喜欢用的,通过Jquery可以有效的提高JavaScript的开发效率。
第三步:了解Web服务器
你不必在这上面花太多精力,但对IIS、Apache基本配置要掌握,这方面的知识学起来也相对容易,不会花多长时间。
学习一点Unix和Linux的基本知识,因为大部分Web服务器都运行在Unix和Linux平台上。
第四步: 学好一门服务器端脚本语言
服务器端脚本编程(后台开发)也是Web开发人员的基本功之一,你只需挑选一个服务器端脚本语言,然后学好它。
目前流行的服务器脚本语言有:php、asp.net、jsp、ruby、python、等。
第五步:学习数据库及sql语法
要构建动态页面通常会使用到数据库,常用的数据库有SQLServer、Oracle、MySQL 等,它们都会遵循标准的SQL原则。
通常asp.net 程序使用SqlServer数据库,PHP、java使用Oracle、MySQL数据库。
第六步:综合实战
选一个你喜欢的后台编程语言,结合之前学到的html,css,javascript 前端技术,实现一个简单的留言本、论坛程序、进而实现一个简单的CMS(内容管理系统)
第七步:学习使用Web框架
当你掌握了HTML,CSS,JavaScript和服务器端脚本语言后,就应该找一个Web框架加快你的Web开发速度,使用框架可以节约你很多时间。
比如.net的MVC,JAVA 的SSH,php的cakephp、CodeIgniter、zend,ruby的ROR,python的dijango等等,其实里面都有一些相通之处。
整个开发过程你还可能会学习到一些工具的使用:
Visio,Dreamweaver,Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin,各种浏览器以及FireBug的插件,IE下的WebDevelopmentHelper、IETester等。如果你足够用心,你还发掘出很多不错的资源,例如MSDN,W3cSchool,一些前辈的博客,一些技术论坛等等,这都是你未来前进道路上的财富。如还想深入研究,学学http协议,理解什么是无状态,不然你永远做不好WEB开发,研究web程序服务端运行原理,还有tcp/ip,udp协议等。
学习web前端,推荐来北京尚学堂,多年的前端培训经验会带给你最好的课程体验。
‘伍’ 简述构成网页的基本元素是什么,网页制作的常用工具有哪些,Web标准的三个标准是什么
网页的基本元素
一般来说,组成网页的元素有文字、图形、图像、声音、动画、影像、超链接以及交互式处理等.
网页制作的常用工具
一般来说,三剑客DW,FLASH,PS
Web标准
1.结构标准语言
1-1.XML
1-2.XHTML
2. 表现标准语言
3.行为标准
3-1.DOM
3-2.ECMAScript
-----
求采纳
网络:AG安全团队
‘陆’ 如何用CSS选择器查询和风格化Web元素
本文讨论另一个重要的CSS特征:选择器,它可以用来在一个页面内选择元素风格化Web页。选择器类型CSS样式有多种方式实现元素选择。各种各样的选择方法包括通过通用选择器,类型选择器,类选择器,ID选择器,祖先选择器,子孙选择器,邻接兄弟选择器和属性选择器进行选择。这里我们将分别来看一下这几种方法(邻接兄弟和属性除外,我们将在下周进行讨论)。注意:浏览器对CSS选择器的支持是不一致的,不过你可以利用网上的说明来检测某个选择器是否能在你的目标浏览器使用。通用通用选择器允许你在整个页面中使用样式。基本上说来,一个样式并不指定具体的元素,类等,所以它适用于页面内的所有元素。这对设置颜色,字体等来说十分有用。通用选择器可用于页面上的所有元素,但是他们可以被某些具体的选择器覆盖。CSS规范中指出可以使用星号(*)来表示一个通用选择器。列表A演示了如何使用通用选择器来为页面设定背景和默认的字体。类型风格化元素的一种最常用方法是通过它的类型。也就是说一个特定的元素拥有自己定义的样式,且这个样式可用于该类型的所有元素而不管元素在页面上的位置。列表B中的例子演示了用一个类型选择器来风格化页面中的所有段元素。使用这种类型选择器,叶面内的所有段落元素(除非被更多特定选择器覆盖)拥有特定的页边距和红色文本。现在你也可以自己建立CSS类来处理页面上的特定元素风格化问题。类在决定一个样式覆盖什么内容时,类选择器比类型选择器有更多的控制。由类选择器定义的样式可以用于具有类属性的所有元素,不管该元素在页面中的位置。它可以很好的控制那些元素接受样式。列表C中的例子演示了使用类只格式化页面中的第一段。所以第一段的是锯齿状的字体,而接下来的段落与此不同。类选择器不能使用HTML
保留的元素如heading,p,h1等等。你还可以通过用空格分开的方法对同一个元素使用多个类。列表D演示了使用多个类来风格化一个特定的段落。你可以将类选择器和类型选择器结合在一起使用,来风格化拥有分配的类的某些元素。在这个场景中,当定义样式时,元素名有一个由空格隔开的类名。列表E中的例子演示了这样的技巧,即仅拥有赋予的特定类名的段元素才风格化为某种方式,而拥有相同类名的头部风格化为另一种形式。