初识HTML5和网页的基本搭建

最新推荐文章于 2022-07-15 16:03:39 发布
最新推荐文章于 2022-07-15 16:03:39 发布
阅读量1.1k 收藏
点赞数
文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yebijin/article/details/120731774
版权
本文简述HTML5的作用，包括其基本构成（HTML+CSS+JS），并讲解了如何搭建网页的基本步骤，涉及素材准备、布局分析和实战开发，重点在于网页开发的基石——HTML和其在小程序、App等领域的应用。
摘要由CSDN通过智能技术生成

一初识html5

1是什么呢？

HTML是一系列网页相关技术的总称，包含了html、css、javascrip。

2什么是html？

html是指超文本标记语言，是由一套标记标签组成的。

3能干什么？

a网页开发(浏览器中能看到的)

b小程序、公众号

c手机App

d电脑软件

e游戏开发

f后端的开发

4网页的组成和执行标准？

a网页的组成是由html+css+js组成的。

bhtml+css遵循的是w3c原则，js遵循的ECMA原则。

二网页的基本搭建

1搭建网页需要的素材

a效果图

b图片素材

c标注图

2布局分析

a确定版心

b分析布局（从上往下看，先分大的区域，再细分）

一般为header、logo、nav、banner、main、footer

c创建文件夹

3实战开发

a先创建.html文件

b创建css文件，用link引入到html里

c在html搭建区域，在css里写入样式

yebijin
关注
HTML5初识
weixin_48152652的博客
04-07 1267
初识HTML HTML（Hyper Text Markup Language）俗称超文本标记语言 HTML发展史：目前已经发展到HTML5版本 HTML5，提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素，特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形，图表，图像和动画，以及不需要安装任何插件直接使用网页播放视频等。 W3C World Wide Web Consortium(万维网联盟) 成立于1994年，Web技术领域最权威和具影响力的国际中立
【HTML】掌握 HTML 5 标签搭建页面结构
最新发布
ITLearnNote—-聚焦互联网的技术革新
04-19 649
HTML基础介绍
初识 HTML5（一）
dojnzkt549272的博客
06-13 202
　　H5其实就是H4的一个增强版本，我们在利用H5进行网页的构造会更简便，标签语义更简洁明了。首先，我们要理解HTML4，它是HTML的标记+css2+JavaScript的一些基本应用，简言之，就是API+语法；而H5无非就是在原先的基础上面提供了一些新的功能。 1、H5的语义标签 　　1）:html 的定义 ，它的一个文档声明<!DOCTYPE html> 　　...
HTML5——初识html5
wzg31796的博客
04-16 388
一.新增标签 用在页面的头部或者版块的头部用在页面的头部或者版块的头部用来划分区域主体     和主体相关的附属信息 侧边栏 内容区域 时间选项列表。与input元素配合使用，来定义input可能的值 javascript html css 定义文章或页面作者信息需要标记的词或句子   进度条输入型控件 email：电子邮箱文本框 ，当输入的不是
初识HTML5（一）
caoPengFlying的博客
07-07 6276
初识html4计算机语言第一次h5的课，老师讲了这个计算机语言由简单的2进制到汇编再到现在的高级语言。包括C 、 C++、 PHP、 Java、 C#等 那我们现在使用的编程语言基本上都是基于JavaScript，Js 和Java 的关系就像是之前所说的老婆和老婆饼的关系。那就是没有任何关系。标记语言.html文件是纯文本文件，什么叫纯文本就是不存储任何格式，只有内容。把同样的内容放在txt htm
初识HTML
qq_57126801的博客
07-15 743
HTML是HyperTextMarkupLanguage(超文本标记语言)的缩写（超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素），html不是一种编程语言，而是一种，用于告诉浏览器如何去构造网页。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如文字如何处理，画面如何安排，图片如何显示等）。可以使用.html与.htm作为HTML文件的后缀名（扩展名）........
初识HTML和CSS：构建你的第一个静态网页
## 1.1 网页的基本概念和结构 网页是由HTML（HyperText Markup Language）和CSS（Cascading Style Sheets）构成的。HTML负责定义页面的结构和内容，而CSS则用来描述页面的表现和样式。 ## 1.2 HTML的作用和特点 ...
HTML介绍和基本标签的使用
weixin_45116146的博客
08-02 973
1.什么是HTML HTML是超文本标记语言。 HTML不是一种编程语言而是一种标记语言，用于在浏览器构造你的页面。“超文本”就是页面可以包含图片、链接、甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和
初识Tomcat：了解Tomcat的基本架构和功能
它采用了模块化的设计，具有良好的可扩展性和灵活性，可以方便地进行部署和配置。 Tomcat的主要特点包括： - 提供了一个Servlet容器，用于管理和运行Servlet和JSP等Web组件。 - 支持HTTP协议和Web
html5+css3搭建的超级网站后台
02-03
html5等技术搭建的超级网站后台，英文界面，仅供自己练习研究，不要用作商业用途。
（1）初识HTML5
justforuse的博客
09-15 499
借了本HTML5相关的书《疯狂HTML5\CSS\JavaScript讲义》，由于以前有基础的HTML开发知识，所以看起来不是很困难，然而与我想像不同的是，原本以为是一种“新技术”的HTML5在笔者眼中是一种“妥协式”的规范，还是有点小惊讶，不过这样也使得HTML5的学习轻松了许多（是我想多了吗。。）。既然当下HTML5开发火热，那么必然有他的过人之处，对语言的“妥协”和新功能的添加都将使得前端开发
初识html5
ling_xy的博客
11-09 143
文章目录前言1.兼容性处理2.新元素总结 前言 html5是html4的升级，语义化更明确。适用于移动端和PC端 1.兼容性处理 如果浏览器不识别html5，我们使用CSS Hack来做兼容性处理 代码如下（示例）： <!--[IF lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <!-- 下面这个是国内的静态资源库 处理方案更
初识HTML5
weixin_45725142的博客
09-05 246
初识HTML5（超文本标记语言） 1、HTML语法 ①标签不区分大小写 ②允许属性值不使用引号 ③允许部分属性值的属性省略 2、HTML标记：带有“<>”符号的元素，也称HTML元素 （1）分为两大类①双标记：也称体标记，由开始和结束两个标记符组成的标记 <标记名>内容</标记名> ②单标记：也称空标记，是指用一个标记符号即可完整的描述某个功能的标记 <标记名/> （2）HTML注释标记：<!--注释语句--> (3)标记属性：属性例如：字体、
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值