HTML——Hyper Text Markup Language,超文本标记语言。HTML文件的后缀名一般是:.htm,.html
1、HTML结构
<html>...</html>
<head>...</head>
<body>...</body>
<HTML>
<HEAD>
<title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
HTML 文件的正文写在这里... ...
</BODY>
</HTML>
一些标签
<h1></h1> <font></font> <a></a> <table><tr><th></th><th></th></tr><tr><td></td><td></td></tr></table> <!-- --> <br>
2、表单(form):
<form>
username:<input type="text"><br>
password:<input type="password">
复选:一<input type="checkbox">
二<input type="checkbox">
三<input type="checkbox"><br>
单选:真<input type="radio" name="r">
假<input type="radio" name="r"><br>
下拉列表:<select>
<option>1</option>
<option>2</option>
</select>
文本域:<textarea></textarea>
文件上传:<input type="file">
<input type="submit" value="submit">
<input type="reset" value="reset">
<input type="button" value="button" onclick="javascript:alert(‘hello’);">
图片:<img src=""></img>
</form>
3、浏览器内核:Webkit,trident——IE的内核
4、CSS(层叠样式表)——Cascading Style Sheets
当多于一种的样式指定一HTML,HTML的样式,以下按从低到高的优先级,即第四个最优先
1)Browser default——浏览器默认
2)External style sheet——外部样式表
3)Internal Style sheet(inside the <head>tag)——内嵌yangshibia(在head标签内)
4)Inline style(inside an HTML element)行内样式(在一HTML元素内)
5、CSS语法:由三部分组成:一个选择器,一个属性和一个值,例如:selector{property:value} body {color:red} p {font-family:"sans serif"}
如果值为多个单词则用双引号括起来,多个属性,使用分号进行分隔
外部css的引用,在<head>中<link rel="stylesheet" type="text/css" href="css.css">
可以将选择器组合起来,如: h1,h2,h3,h4 {color:red}
选择器类,对同一类型的HTML元素定义出不同的样式: p.right {text-align:right} p.center {text-align:center} ,定义元素<p class="right">和<p class="center">
可以省略标签名称直接定义,就是点加上类名:.center {text-align:center},点是必不可少的
id选择器可以为不同的html元素定义相同的样式:#green {color : green} p#green {color : red} ——p元素的id为green的元素样式
css注释 /* */
内嵌样式表:
<head>
<style type="text/css>
.center {color:red}
</style>
</head>
行内样式表:<p style="color:green;margin-left:20px">内容</p>