新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
Web中HTML基础是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联客户idc服务中心,提供托管服务器、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心,我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务,资深网络工程师在机房提供7*24小时标准级技术保障。
HTML文档的基本结构
标记(标签)类型、标记(标签)语法
body标记的属性的设置方法
给网页添加注释
meta元信息的作用
HTML文档类型。
html文件由头部head和主体body两部分组成:
在头部
标记中,可以定义标题、样式等,头部里放的是网页元信息,不显示在网页内,元信息是关于网页的基本描述。CSS代码和JavaScript代码可以放在头部,另外JavaScript代码也可以放在body部分。
在主体
标记中,可定义段落、标题字、超链接、脚本、表格、表单等元素,主体内容是网页要显示的信息。Document 欢迎大家学习web前端技术
HTML文档的头部标记主要包含页面标题标记、元信息标记、样式(CSS)标记、脚本(JavaScript)标记、链接标记等。头部标记所包含的信息是说明性信息或引入性信息,一般不会显示在网页上。
页面标题
基本语法
语法说明:title标记是双标记,
元信息
http-equiv属性用于提供HTTP协议的响应头报文,以键值对的形式,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用。
其中最重要的是content-type charset提供编码信息,refresh刷新与跳转页面,no-cache页面缓存,expires网页缓存过期时间。
name属性用于描述网页,以键值对的形式,便于搜索引擎查找、分类。
其中最重要的是description、keywords和robots
META标记用来描述一个HTML网页文档的属性,也称为元信息(meta-information),这些信息并不会显示在浏览器的页面中。例如:作者、日期和时间、网页描述、关键词、页面刷新等。该标记位于文档的头部(其属性形式是键值对)。
基本语法
属性说明:meta属性主要分为两组。
meta标记是使用方法
meta标记键值对对应表
属性 | 值 | 描述 |
---|---|---|
content | some_text | 定义与http-equiv或name属性相关的元信息 |
http-equiv | content-type | 内容类型 |
expires | 网页缓存过期时间 | |
refresh | 刷新与跳转(重定向)时间 | |
set-cookie | 如果网页过期,那么存盘的cookie将被删除 | |
name | author | 定义网页作者 |
description | 定义网页简短描述 | |
keywords | 定义网页关键字 | |
generator | 定义用什么编辑器编写的 | |
scheme | some_text | 定义用于翻译content属性值的格式 |
name属性与content属性
http-equiv属性与content属性
主体body是一个Web页面的主要部分,其设置内容是读者实际看到的信息,所有WWW文档的主体部分都是由body标记定义的。在主体body标记中可以放置的是页面中所有的内容,如图片、图像、表格、文字、超链接等元素。
基本语法
语法说明
两者之间所有的内容为网页上显示的信息。
案例
简易网页设计 Web前端开发技术课程简介
《Web前端开发技术》课程是计算机科学与技术、信息管理与信息系统、软件工程 等专业的一门基础课程,也是其他计算机相关专业的公共基础课程,通过对Web前端开 发三大主流技术学习和研究,让学生理解和掌握HTML、JavaScript、CSS等相关知识, 通过实验培养学生设计与开发Web站点的基本操作技能。
标记属性
设置body标记属性可以改变Web页面显示效果。body标记主要属性有text、bgcolor、background、link(未点击未激活)、alink(正在激活)、vlink(已经点击过)、topmargin、leftmargin。
基本语法
属性说明
属性 | 值 | 描述 |
---|---|---|
text | .rgb(R,G,B),.grb(R%,G%,B%),.#RRGGBB|#RGB,.Colorname | 规定文档中所有文本的颜色。不赞成使用。请使用样式取代它。 |
bgcolor | 同上 | 规定文档的背景颜色 |
alink | 同上 | 规定文档中活动链接的颜色 |
link | 同上 | 规定文档中未访问链接的默认颜色 |
vlink | 同上 | 规定文档中已被访问链接的颜色 |
background | URL | 规定文档的背景图像 |
topmargin | .Pixel | 规定文档中上边距的大小 |
leftmargin | .Pixel | 规定文档中左边距的大小 |
body标记属性-颜色表示方法,在网页设计中,HTML提供了4种颜色设置方法:
使用RGB(R,G,B),其中R、G、B是0-255的整数;
使用RGB(R%,G%,B%),其中R、G、B是0-100的整数;
使用3位或6位十六进制数#RGB或#RRGGBB,R、G、B为十六进制数,取值范围:0-F,每种颜色使用2位十六进制数表示,RR:红色部分、GG:绿色部分、BB:蓝色部分。红色为#FF0000;#RGB可以转换为#RRGGBB,例如红色分别表示为#F00、#FF0000.
使用颜色英文名称,如red表示红色、green表示绿色,blue表示蓝色等。
body标记属性-案例(edu_2_3_2.html)
body属性应用