所在的位置: html >> html市场 >> Web前端1HTMLampCSS概

Web前端1HTMLampCSS概

心系山区北京中科医院温情相伴 http://m.39.net/disease/a_6169821.html

万维网联盟(WorldWideWebConsortium)简称W3C,专门为了定义网页相关的标准而成立,如网页中的HTML、CSS、DOM、HTTP、XML等标准。

根据W3C标准,一个网页主要由三部分组成:

(1)结构:HTML用于描述页面的结构

(2)表现:CSS用于控制页面中元素的样式

(3)行为:JavaScript用于响应用户操作

01HTML概述

全称:HyperTextMarkupLanguage(超文本标记语言),定义页面内容结构,该语言书写的代码通常会被浏览器解析执行。

HyperText(超文本):不仅包括文本,还可以包括图片、链接、音乐、视频等非文本元素

MarkupLanguage(标记语言):是一套标记标签,html使用标记标签来描述网页

1、HTML文档结构

!DOCTYPEhtml文档声明定义:它既不是元素,也不是注释,写在html代码的第一行;用来解析元素,通知浏览器使用哪一个html版本

htmlhtml元素(又叫根标记),是所有其他元素的祖先元素,最顶层

head文档头,它是html元素的第一个子元素,可以嵌套其他元素;里面的内容不会在页面上显示

metacharset=UTF-8空元素,解析文本

metaname=viewportcontent=width=device-width,initial-scale=1.0SEO搜索引擎优化

title标题,显示在浏览器的标题栏上

body文档体:网页中的所有可见内容都放在里面

快捷键:在html中输入!按回车出现基本框架

添加注释快捷键(Htm/CSs/JS都是):ctrl+?

!--注释内容--用于描述代码功能,浏览器解析HTML代码时会忽略注释内容

2、元素的层级结构

一个元素的内容中可以包含其他元素形成嵌套的层次结构,但两个元素之间不能相互嵌套

若A直接或间接包含B,则A为B的父元素(祖先元素),B为A的子元素(后代元素)。

若两个/多个元素有同一个父元素,他们互为兄弟

HTML中的所有内容结构,都是靠元素组织到页面中的;标记名、属性、元素内容共同决定了一个元素的显示内容和行为。

一个元素包括:起始标签+元素内容+结束标签------h3基础班/h3

属性:表示元素的额外信息-----ahref=跳转地址立即加入/a

空元素(自闭合元素、单标签)-----imgsrc=图片地址

3、相对路径绝对路径

相对路径只能用于访问站内资源(./路径)

./表示当前资源所在的目录,必须作为相对路径的开始,可省略

../表示返回上一级目录

绝对路径:协议://域名/目录(例:


转载请注明:http://www.aierlanlan.com/rzdk/3561.html