第一周 前端基础

HTML基础标签

HTML

超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

HTML 标题（Heading）是通过 < h1 > - < h6 > 等标签进行定义的。

<h2>This is a heading</h2>

HTML 段落是通过 < p > 标签进行定义的。

<p>This is a paragraph.</p>

HTML 链接是通过 < a > 标签进行定义的。

<a href="http://www.w3school.com.cn">This is a link</a>

HTML 图像是通过 < img > 标签进行定义的。

<img src="w3school.jpg" width="104" height="142" />

基本的 HTML 标签

HTML常用标签元素

CSS基本用法

CSS

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

引用CSS文件

<link type="text/css" rel="stylesheet" href="js_css/menutree.css">  

HTML的 < headn > 内直接定义

<link type="text/css" rel="stylesheet" href="js_css/menutree.css">  

使用id

<style type="text/css">  
    #loginTable  
    {  
    }  
</style>  
HTML  
<table id="loginTable">  
</table>  

覆盖HTML Tag类

<style type="text/css">  
    table  
    {  
    }  
</style>  
  
HTML  
<table>  
</table>

CS与HTML综合

table.s  
{  
    width: 100px;  
}  
HTML  
<table  width="400" height="400" class="s"> </table>  

TML中CSS的基本使用方法

CSS 基础语法