整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML从入门到精通-基础篇

天开始小编将会给大家讲解HTML的入门知识以及做项目会遇到的某些问题以及如何解决此类问题的方法。说道网页设计,HTML是我们必不可少的一部分。基础网页的构成,无论怎么变幻,都是由原声的HTML代码组成构成网页。

下面我就根据工作中所用和看过的书籍一点一点总结下我们常用的HTML格式和代码。

一、什么是HTML。

HTM不是一段编程语言,而是一款标记语言,本身不能显示在浏览器中。经过浏览器的编释和编译,才能正确反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化,从单一的文本显示功能到多功能互动,已经成为了一款非常成熟的标记语言。

二、HTML文件的基本结构

<!doctype html>

<html>文件开始标记

<head>文件头开始的标记

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<title>XX系统</title>

</head>文件头结束

<body>文件主题的内容

</body>文件主题的结束

</html>文件结束的标记

这里主要说明title和meta(元信息)

<!--说明文件头-->

<title>XX网站</title>

<!--添加作者信息-->

<meta name="author" content="_永不言弃" >

<!--设置网页文字及语言 -->

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<!--设置网页定时(20秒后)跳转-->

<meta http-equiv="refresh" content="20;url=index.html">

三、HTML主要常用标签

3.1标题

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

3.2 标题字对齐属性align

默认情况下,标题文字是左对齐的。在网页制作过程中,常常需要选择对其他的方式,这时我们就需要用到align属性。

3.3 段落标记p

段落标记是文档中最常见的标记,<p>用来起始的一个段落。

3.3 换行标记

换行标记<br>作用是在不另起一段的情况下将当前文本强制换行。

3.4 不换行标记nobr

<nobor>表示的是不换行的标记</nobor>

3.5 水平线

<hr/>

四、建立超链接

与自身网站页面有关的连接被称为内部连接

4.1绝对路径

绝对路径是包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确地找到,除非是目标文档的位置发生变化,否则连接不会失效。

4.2相对路径

为了避免绝对路径的缺陷,对于在同一站点之中的连接来说,使用相对路径是一个很好的方法。

4.3 内部连接

<a href="# target="目标窗口的打开方式 " >

属性值

含义

-self在当前页面中打开连接

-blank在一个全新的空白窗口中打开连接

-top在顶层框架中打开连接,也可以理解为在根框架中打开连接

-parent在当前框架的上一层里打开连接

4.4 锚点连接

锚点到本页面中的位置

<a href="#1" >商品名称</a>

<a href="#2" >产品特点</a>

<a href="#3" >产品规格</a>

<a neme="1">XX商品</a>

<a neme="2">XX产品特点</a>

<a neme="3">XX规格</a>

锚点到其他页面的位置

<a href="index.html#1"></a>对应连接到index.html中name=1的位置

4.5 连接到外部网站

在设置友情链接时,需要打开HTTP协议进行外部连接访问。

<a href="wwww.baidu.com" >百度</a>

4.6 连接到E-mail

<a href="mailto:邮件地址">。。。</a>

4.7 连接到FTP

FTP代表文件传输协议,一个FTP站点通常包含一些上传和下载文件的文件目录。

大部分FTP网站需要使用用户名和密码来登录。

当然还有其他的一些连接方式,例如文件下载,连接到Telnet等。这些都会可以用a标签实现。

HTML基础就先讲到这里,后面退出DIV设计网页格式已经网页分框的实现。

信推出小程序后,html5越来越火热了,未来H5方向的专业人才必定水涨船高。

我整理了一些关于html的书籍

响应式Web设计:HTML5和CSS3实战

BenFrain (作者), 王永强 (译者)

推荐指数:★★★★

简介:全书主要是带领读者做一个小网页来写的,其实响应式的东西讲得比较少,大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门,这本书不错。

HTML5移动Web开发实战详解

林珑 (作者)

推荐指数:★★★★☆

简介:本书由浅入深,全面、系统、详尽地介绍了HTML5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例,读者可以通过这些例子理解知识点,也可以直接在开发实战中稍加修改应用这些代码。《HTML5移动Web开发实战详解》涉及面广,从基本原理到实战,再到项目工作流,几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。

疯狂HTML 5/CSS3/JavaScript讲义

李刚 (作者)

推荐指数:★★★★

简介:这是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外,《疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识,包括JavaScript基本语法、DOM编程,以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。

HTML5触摸界面设计与开发

伍兹 (StephenWoods) (作者), 覃介右 谷岳 (译者)

推荐指数:★★★★☆

简介:《HTML5触摸界面设计与开发》专注于触摸界面的开发,内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站,特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的,特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。

HTML5与CSS3权威指南(上下册)(第3版)

陆凌牛(作者)

推荐指数:★★★★☆

简介:本书分为上下两册。上册全面系统地讲解了HTML5相关的技术,以HTML5对现有Web应用产生的变革开篇;下册全面系统地讲解了CSS3相关的技术,以CSS3的功能和模块结构开篇,顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。

HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站

陈婉凌 著

推荐指数:★★★★☆

简介:这是目前唯一一本真正的HTML5 App开发教材,目前已在复旦、北大、西安交大、北京理工等五十多所高校投入教学使用。它的特点是由浅入深、由易到难,将开发技巧、和开发工具结合在一起阐述,同时选取了多个商业项目APP的实战案例进行要点讲解,通俗易懂。

和上面推荐的几本书不同之处在于,本书是面向应用型本科和高等职业院校设计的标准化教材,并经过官方权威认证,且该教材能与国家及国际权威认证考试无缝对接。

html和css都是web前端的基础,在这里,就给大家推荐几个新手小白必去的网站!

1、w3school

http://www.w3school.com.cn

用来查找一些标签的属性,每一个刚学习前端的伙伴,都会用到这个网站.

2.csdn

CSDN上可以获得一些不错的资讯,也可以找到很多需要的资料,也是一个交流的平台,有些不懂得问题也可以找到人去解答.

3.开源中国

获取到许多项目案例的源码,获得最新web前端发展的一些动向,资讯.

多年开发老码农福利赠送:网页制作,网站开发,web前端开发,从最零基础开始的的HTML+CSS+JavaScript。jQuery,Vue、React、Ajax,node,angular框架等到移动端小程序项目实战【视频+工具+电子书+系统路线图】都有整理,需要的伙伴可以私信我,发送“前端”等3秒后就可以获取领取地址,送给每一位对编程感兴趣的小伙伴

为你强力推荐经典css书籍

1.精通CSS:高级Web标准解决方案(第2版)(Amazon第一CSS畅销书全新改版)

本书将最有用的css书籍技术汇总在一起,还总结了css设计中的最佳实践,讨论了解决各种实际问题的技术,填补了一直以来css图书的空白。

2.精通CSS+DIV 网页样式与布局

本书系统地讲解了css层叠样式表的基础理论和实际运用技术,通过大量实例对css进行深入浅出的分析,主要包括css的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及css滤镜的使用。

3. CSS权威指南(第三版)

最新版《css权威指南》css书籍经过全面更新,涵盖了internet explorer 7,详细介绍了各个css属性以及属性之间的相互作用,并指导你如何避免一些常见的错误。

希望对你有帮助,下一个优秀的前端工程师就是你!

天我们公司的实习生同学在问,程序员的必读书目应该有哪些,我给他说了一部分,然后问了一下公司各个部门的大佬,发现书目其实都挺相似。

这里放一些我们都觉得比较有意思同时不乏内容的书吧,如果大家还想看更多类似内容,那就动动小手点点赞哦~

直接上干货:

(以下内容均为各个领域多年的从业者推荐,适合学习的不同阶段,建议大家收藏起来哦)

算法:

0.《啊哈!算法》-一本充满趣味的算法入门。

和别的算法书比较,如果硬要说它有什么特点的话,那就是看懂它的门槛相当低。

这是一本充满智慧和趣味的算法入门书。没有枯燥的描述,没有难懂的公式,一切以实际应用为出发点,通过幽默的语言配以可爱的插图来讲解算法。

之前过年回家走亲戚,了解到才上五年级的小侄子对编程有兴趣,当时送了他一摞书,这本就是之一。

1.《

大话数据结构

》-一本非常适合自学的读物。

通篇以一种趣味方式来叙述,大量引用了各种各样的生活知识来类比,并充分运用图形语言来体现抽象内容,对数据结构所涉及到的一些经典算法做到逐行分析、多算法比较。

与市场上的同类数据结构图书相比,本书内容趣味易读,算法讲解细致深刻,是一本非常适合自学的读物。

Linux:

0.《鸟哥的Linux私房菜》-稳居Linux经典书籍第一位。

本书内容丰富全面,基本概念的讲解非常细致,深入浅出。各种功能和命令的介绍,都配以大量的实例操作和详尽的解析。本书是初学者学习Linux不可多得的一本入门好书。

1.《深入理解Linux内核》-非常值得深读的一本书,能够帮你充分利用Linux系统。

书中讨论了Intel特有的重要性质。相关的代码片段被逐行剖析。然而,本书涵盖的不仅仅是代码的功能,它解释了Linux以自己的方式工作的理论基础。

2.《庖丁解牛Linux内核分析》

前端:

0.《Head First HTML 与CSS、XHTML》-强烈推荐,非常适合小白入门。

这本书展示了学习创建符合工业标准的Web页面的完整历程——然而,除了阅读,你还会玩游戏、拼图、解谜题以及以你从未想象过的方式创建Web页面。

并且,你还将学习HTML如何与CSS一起工作。

1.《JAVA Script DOM编程艺术》-前端开发的核心。

2.《CSS权威指南》-由浅入深全面介绍了CSS。

网络:

0.《计算机网络》-详细的介绍了计算机网络通信的主要原理。

本书是全球最具有权威性和经典性的计算机网络教材,我国各大专院校也广泛采用此书作为计算机网络课程的基本教材。

哈哈,这个大家应该熟悉吧

1.《TCP/IP详解卷一:协议》-次书讲明白了网络之术。

2.《计算机网络与因特网》-计算机网络和因特网是如何工作的。

3.《自顶向下》-计算机网络的神书。

计算机体系:

0.《深入理解计算机系统》-以程序员的视角看体系结构,很详细透彻。

1.《计算机体系结构》-系统性非常强,结构清晰。

2.《计算机体系结构》-详细地介绍了计算机各个部分的体系。

3.《计算机组成原理》

测试:

0.《软件测试(第2版)》-入行必备书籍,讲解的都是实用技巧。

1.《软件测试的艺术》-据说是硅谷测试人员的必备书,其测试思想非常值得一看。

本书以一次自评价测试开篇,从软件测试的心理学和经济学入手,探讨了代码检查、走查与评审、测试用例的设计、模块(单元)测试、系统测试、调试等主题,以及极限测试、互联网应用测试等高级主题,全面展现了作者的软件测试思想。


我们是程序员客栈,为企业提供BAT级别的开发者,标准化的服务和交付,包括但不限于网站建设制作、测试运维服务、人工智能AI。为互联网从业者提供兼职众包机会,包括但不限于前后端开发、产品经理、设计师、移动端开发。