您现在的位置:首页 >> 前端 >> 内容

(总结)HTML基础

时间:2013/3/13 14:17:54 点击:

  核心提示:静态页面:有一个HTML页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发送给来了动态页面:服务器上没有浏览者要看的页面,而是服务器动态生成的HTML页面发送给浏览器。HTML页面...
静态页面:

有一个HTML页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发送给来了

动态页面:

服务器上没有浏览者要看的页面,而是服务器动态生成的HTML页面发送给浏览器。

 

 

HTML页面结构

<!DOCTYPE html>

<html xmlns="https://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

 

</body>

</html>

注释:所有内容都在<html></html>标签之内,;<head></haed>内放的是头部信息,是对页面的描述,不会直接显示在页面中,<head>内的<title>中设置的是页面的标题,<title>只能放在<head>中;<body>内是页面的主体,大部分显示内容都定义在这里

 

 

body标签的bgcolor属性可以设定网页的背景颜色:<body bgcolor="#006699">

 

 HTML中的特殊字符:HTML中的<,>是有特殊含义的,空格不会被显示出来。常见的特殊字符:&lt(小于号);&gt(大于号);&nbsp(空格)

 

 

标签:

<p> </p>创建段落。PS:<p>后面有比较大的空白

<br/>回车<br/>。PS:没有空白

<center></center> 居中显示

h标签代表不同大小的字体,<h1></h1>到<h6></h6>六个标签

<a></a>粗体

<font></font>字体标签。例:<font color="red">红色<font size="30" color="red">红色</font>

<img sre="a.jgp"/>图片连接

<table>表格;<tr>创建行;<td>创建单元格。属性border设为0隐藏表格线

<form>表单标签

<textarea>多行文本(也是表单元素)

<select>用来创建类似与winForm中的ComboBox或者ListBox

<input>是主要的表单元素,type的可选值:submit(提交按钮);button(普通按钮);checkbox(复选框);file(文本选择框);hidden(隐藏字段);image(图片按钮);password(密码框);radio(单选按钮);reset(重置按钮);text(文本框)

 

 

 

<p>层:将内容放到层中,就以将这些内容当成一个整体进行处理。非常强大和常用。PS:会影响布局

<span>块:是把一段内容定义成一个整体进行操作,不影响布局,显示

 

超连接深入:

"/"表示网站根目录,"../"表示父目录,"../../"表示父目录的父目录。

 

 

CSS(层叠样式表)

用来美化页面用的,可以对页面元素进行更精细的设置,样式表主要描述元素的字体颜色,背景颜色,边框等。

CSS三种使用方式:元素内联;页面嵌入;外部引用

CSS计量单位:px(像素)、30%(百分比)、em(相对单位)等

color:文本颜色(前景颜色)

background-color:背景颜色

boder-style:边框风格

display:元素是否显示,可选值none(不显示),block(显示为级元素)

cursor:鼠标在元素上显示的光标图案,

Li:不显示圆点

 

 

样式选择器

三种:标签选择器;class选择器;Id选择器

 

 伪选择器

为标签不同状态设定不同的样式 

 

Tags:总结 结H HT TM 
作者:网络 来源:不详