码迷,mamicode.com
首页 > Web开发 > 详细

HTML和CSS

时间:2018-08-12 01:27:49      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:char   字符   包含   one   重要   tar   引号   ken   中文   

学习前段在这周进入了正题,接触到了html和css.

首先,是概念性的东西。

W3C:万维网联盟,是目前web技术领域最权威和影响力的技术标准机构,目前为止,W3C已发布了200多项影响深远的web技术标准和实施指南。

WHATWG: 全称:Web Hypertext Application Technology Working Group;超文本应用技术工作组

HTML全称: Hypertext Markup Language,中文是超文本标记(记标/元素/标签)语言。用来定义文档结构 用这个语言写的代码通常被浏览器解析执行

Hypertext超文本:包括文本,图片,链接,音频,视频等元素

Markup Language标记语言: 一套标记标签,HTML用它来描述网页

 CSS全称Cascading Style Sheets,中文:层叠样式表.     作用:用来定义HTML文档的样式(外观),页面表现的基础,可以控制布局,元素的渲染。

HTML觉得了文档的结构,CSS决定了文档的样式

 

一:HTML术语

HTML注释.  书写格式:< !--注释内容-- > 作用:用于描述代码功能,浏览器解析代码的时候会忽略注释内容

HTML元素   是HTML文档的重要组成部分,一个HTML文档中有大量元素组成,HTML中的所有内容结构都是靠元素组织到页面中的

 

HTML元素的组成部分

排序为,<起始标签>元素内容<结束标签>,*注:结束标签里有斜杠*   < h3 > 元素内容 < /h3 >, 起始结束的类型要相同

拓展:**属性写在开始标签,例<a href ="/classroom/17">立即加入< /a > 作用:附加功能。 这里”href“是属性名 * ”"/classroom/17"“是属性值(要加引号) ,开始标签里面属性可以是多个的。

空元素(自闭合元素):没有元素内容和结束标签,通常放在开始标签 < img src="XXXX" alt> 书写方式:<标记名  属性>或者<标记名   属性 />

一个元素的内容中可以包含其他元素,形成嵌套的层次结构 - 若A元素直接包含B,那么A为B的父元素(也可以叫祖先元素),B为A的子元素(后代元素)。 - 若两个元素有同一个父元素,它们互为兄弟元素。  若A直接或间接包含B,那么A是B的祖先元素,B为A的后代元素。

 

二:HTML文档结构

文档声明:必须放在HTML文档的第一行,不是元素,但也有尖括号,代码格式<! DOCTYPE html>,表示使用的HTML5版本的

作用:告诉浏览器是在用哪个HTML版本来解析下面的代码,若不写文档声明,浏览器渲染页面时可能会进入 怪异模式

html元素:又叫根标记,根元素,它是所有元素的祖先元素,文档中所有其他的元素都必须放在它的元素内容中

相关属性:lang(language)   该属性指定文档中的文字是用何种自然语言书写的,该属性可能会影响浏览器的语音阅读和翻译行为。

head元素:又叫做文档头,它是html元素的**第一个子元素。文档头中可以包含一些其他元素,用于描述页面的附加信息。注意:head元素中的内容不会显示在页面上。

head元素中通常包含 title   meta   

title:标识文档标题,标题会显示在浏览器的标题栏或者标签页上。

meta :标识页面的其他元素(页面相关的附加信息),这是一个**空元素**。示例:**< meat charset="UTF-8">**(表示翻译成中文)。意思:指示浏览器,使用字符编码集UTF-8解析页面,一般放在离head最近的地方。

作用:为获得更好的地域兼容性,避免乱码,应将字符编码集设置为UTF-8并且将该代码作为head的第一个子元素

 

HTML和CSS

标签:char   字符   包含   one   重要   tar   引号   ken   中文   

原文地址:https://www.cnblogs.com/ll0627/p/9461752.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!