HTML根底

HTML术语

HTML注释
用于描绘代码功用，浏览器解析时会疏忽注释内容。
HTML元素

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

元素的组成部分

一般元素

" > 当即参加 ：元素  符号名 <a href="http://www.naipan.com/classroom/%3Cspan%20class=" hljs-number"="" style="line-height: 1.5;">17"> 开端符号：表明元素开端  完毕符号 ：表明元素完毕
href = "/classroom/17" ：特色
href ：特色名
“/classroom/17”：特色值
当即参加：内容

空元素

又名自闭合元素，空元素只要开端符号，没有元素内容和完毕符号。
举例： 图片 "图片途径"> alt="编程入门根底班">  
留意： 视频和音频不是空元素。

元素的层次结构

一个元素的内容能够包括其他元素，构成嵌套的层次结构。
留意：两个元素之间不能相互嵌套

1.若A元素直接包括B元素则： A为B的父元素，B为A的子元素；
2.若两个元素有同一个元素：它们互为兄弟元素；
3.若A直接或直接包括B则： A是B的先人元素，B是A的子孙元素。

HTML文档结构

文档声明 <!DOCTPYE html> html <html lang="zh-cmn-Hans">

head body
meta title 其他元素

1.文档声明：既不是元素也不是注释，总呈现在代码榜首行，通知浏览器解析形式；
2.html元素：又名根符号、根元素，它是其他一切元素的先人元素；

相关特色：lang（言语） 该特色指定文档的文字运用何种自然言语书写的，可能会影响浏览器的言语阅览和翻译行为。

3.head元素：又名文档头，它是html的榜首个子元素；

head元素的内容不会显现到页面上，能够包括其它一些元素用于描绘页面的附加信息;
meta（标识页面的其它元数据（页面相关的附加信息）这是一个空元素，作为head的榜首个子元素）; title（标识文档标题，会显现在浏览器标题栏或标签页上）、keyword、description等，利于SEO（搜索引擎优化）

4.body元素：又名文档提，网页中一切可视内容都放置在内，界说文档的内容结构。
***

绝对途径和相对途径

绝对途径：当网站布置到服务器后，网站中的一切资源都能够经过一个地址（拜访），这种格局书写的路劲，叫做绝对途径。

书写格局：协议：//域名/目录 运用场景：
拜访站外资源时，只能用绝对路劲
拜访站内资源时，若网站已布置到服务器，能够运用绝对途径，并能够省掉协议和域名

相对途径：是相对于当时资源的方位
书写格局：./途径
运用场景：只能用于拜访站内资源
./表明当时资源地点目录，有必要作为相对途径开端，可省掉
../表明回来上一层目录。

CSS引证

1.运用外部款式表

<link rel = "styleshet" href="main.css"> 是子元素。
特色： 1.CSS代码在一个独立的文件中，html经过link元素引进。 2.使HTML代码愈加纯洁，有利于程序员和搜索引擎的阅览。是开发页面的常见做法。

2.运用内部款式表

特色：
1.将CSS代码写到html文档的style元素中，style也是head子元素。
2.没有了款式表文件，在某些时分提高功率。
3.多个页面难以共享款式 ，不利于代码复用。
4.html和css代码混杂，不利于程序员和搜索引擎阅览。
5.在某些对功率要求苛刻或测验的场景下运用。

3.运用内部款式表

特色：
1.CSS代码写在某个元素开端符号的style特色中，行内款式，不写选择器
2.在某些时分提高功率。
3.多个元素难以共享款式，不利于代码复用。
4.不利于搜索引擎和程序员阅览。
5.在测验的场景下运用。

CSS术语

CSS注释

书写格局：/*注释内容*/ 快捷键：ctrl+?

CSS规矩

css代码由一个一个规矩组成，每个规矩指定了哪些元素运用什么款式。 h1{color:red;text-align:center;} （规矩）
选择器         声明块（款式）

选择器

1.元素选择器

书写格局：符号名{声明块} 含义：html中一切与符号名匹配的元素都使用声明块的规矩。

2.类选择器（多个类名用空格隔开）

书写格局：.类名{声明块}  含义：一切class特色为指定类名的元素都使用声明块的规矩。

3.id选择器（id具有唯一性）

书写格局：#id值{声明块}  含义：特色id为指定值的元素，将使用声明块的规矩。

语义化结构元素

和div没有本质区别,只不过有语义。

header：用于表明页面或某个区域头部；body的榜首个子元素，一般有img这个子元素，能够在一个页面中呈现屡次。
nav：导航栏；子元素或子孙元素a。
aside：用于表明跟周围主题相关的附加信息：侧边栏、广告、谈论、相关文章。
article：用于表明文章或其他可独立页面存在的内容。
section：用于表明一个全体的一部分主题。
main：主题，一个页面只能呈现一次。
footer：用于表明页面或某个区域的脚注。
a标签
```
<a target="页面翻开方位" href="目标"> 内容 a>
```

郑州好的男科医院:http://www.ytsgnk.com/郑州看男科医院专业:http://www.ytsgnk.com/郑州同济医院男科咨询预约:http://www.ytsgnk.com/郑州看男科多少钱:http://www.ytsgnk.com/郑州男科医院哪家好:http://www.ytsgnk.com/郑州割包皮医院：https://yyk.familydoctor.com.cn/12248/

web前端基础入门知识