- 1、本文档共61页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
翡翠教育
Day01_初识HTML
网页布局
结构、显示、行为
WEB标准化布局的三个组成部分
网页布局
结构
HTML
显示
CSS
行为
JAVASCRIRT
——WEB标准网页布局组成——
——查看网页中的源代码——
目录
什么是HTML
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML文件的扩展名为.html 或 .htm
——什么是HTML——
HTML编辑工具
Dreamweaver
Sublime
Hbuilder
FrontPage
文本文档.txt
——HTML编辑工具——
——Dreamweaver软件——
——Dreamweaver编辑界面——
HTML基本结构
HTML基础入门
html 根控制标记
head 头控制标记
title标题/title 标题标记
/head 头控制标记(尾)
body 网页内容 内容显示区域
?
/body
/html 根控制标记(尾)
——HTML基本结构——
Html网页
头部区域
主体区域
标记名 单一型,无设置值的。
例如:我想学做网页br是呀!我也想学!
标记名称 属性=”属性值” 单一型,有设置值的。
例如:如:hr width=”80%”
标记名…/标记名称 对称型,无设置值。
例如: title我的第一个页面/title
标记名 属性名=“属性值”文本/标记名 对称型,有设置值。
例如: body bgcolor=”red”…/body
font size=”7”…/font
——HTML基本标记——
html…/html:网页内容以html开始/html结束
以下所有标记或标记对都必须嵌入此标记中
head…/head(网页头部)
(1)title…title标记 单纯的文件标题声明
(2)link标记
link href=“style.css” rel=“stylesheet” type=“text/css”
用于载入外部CSS文件
——HTML基本标记——
——HTML基本标记——
(3)meta_/标记
meta name= keywords content= 淘宝,网上购物,在线交易,交易市场 /
meta name= description content= 淘宝网-亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、…… /
meta 元素可提供有关页面的元信息(meta-information)。
meta 标签的属性定义了与文档相关联的名称/值对。
——HTML基本标记——
(4)script…script标记
script src=“abc.js”/script 在当前网页载入一个 abc.js文件
(5)style…style标记
在此标记之间定义本网页的CSS样式
——HTML基本标记——
body…/body标记
body 元素定义文档的主体。
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
body bgcolor=”red”…/body
设置页面背景——bgcolor
设置页面边距——topmargin、leftmargin、rightmargin、bottommargin
设计正文颜色——text
——主体内容body——
基本语法
body bgcolor=””
语法说明
利用body标记中的bgcolor属性,可以设置网页的背景颜色。
——设置页面背景bgcolor ——
—— 设置页面背景bgcolor ——
实例代码
—— 设置页面背景bgcolor ——
设置背景蓝色
页面边距设置显示
——页面边距语法说明——
基本语法
body topmargin=value leftmargin=value rightmargin=value
bottomnargin=value
——设置页面
文档评论(0)