HTML5网页设计

第一章:HTML5基础

一、HTML5基础

定义:www.world wide web 万维网

互联网:将全局所有电脑组成一个网络,进行数据交互。

组成:url 统一资源定位器(网址、域名、IP地址)

http:超文本传输协议

html:hyper text language 超文本标记语言

流程:A某将自己开发的HTML文件发布到自己部署的服务器中,B某通过自己的客户端电脑,使用http协议,输入A某服务器的url地址,最终找到相应的电脑,请求到对应的HTML文件,返回到B某的电脑中,在浏览中进行解释和展示。

标准:网页标准是有W3C(互联网联盟)制定,定期更新新的标签和语言,现在已经推出第五版,简称HTML5。

文件后缀名:html .html

tips:一个真正的完整网页是由三门语言标准构成:

                                                                                1.HTML 超文本标记语言

                                                                                2.css 层叠演示表

                                                                                3.JavaScript  脚本语言

二、HTML基础

HTML网页是由若干个标签组成,主要包含<html>  <head>  <body>

工具:记事本(简单开发)

           Dreamweaver 梦想编织者:集成了代码提示,快捷操作,浏览器内置,服务器部署等动能

DW快捷键:快速创建标签 tab

                    快速打开浏览器  F12

常用标签:

html标签:根标签        所有标签的祖宗,所有内容必须嵌套其中

head标签:头部标签        主要设置网页参数

body标签:主体标签        浏览器窗口展示内容都来自body

meta标签:设置标签        charset=utf-8  将当前的页面编码格式设置成utf-8,兼容英文,中文等文字信息。

h1-h6:标题标签        将修饰的文字加粗,大小

常用属性:align对齐属性:默认left center right

P:段落标签        表示当前文字是正文

常用属性:align对齐方式  style设置css样式 title显示文字

br:换行标签  单标签(single)

hr:水平标签

常用属性:width宽度  size高度  color设置颜色

取值:关键字  十六进制表示法#  RGB表示法

b  strong:强调标签(加粗标签)

img : 图片标签

常用属性:src资源路径  尽量使用相对路径(将图片放置在图片旁边)

                  alt/title提示信息  width宽度  height高度

a:超链接标签:页面跳转  下载资源

常用属性:href:页面的路径

  • 5
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值