HTML基础

静态页面:

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


HTML页面结构
<!DOCTYPE html>
<html xmlns="http://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(文本框)



<div>层:将内容放到层中,就以将这些内容当成一个整体进行处理。非常强大和常用。PS:会影响布局
<span>块:是把一段内容定义成一个整体进行操作,不影响布局,显示

超连接深入:
"/"表示网站根目录,"../"表示父目录,"../../"表示父目录的父目录。


CSS(层叠样式表)
用来美化页面用的,可以对页面元素进行更精细的设置,样式表主要描述元素的字体颜色,背景颜色,边框等。
CSS三种使用方式:元素内联;页面嵌入;外部引用
CSS计量单位:px(像素)、30%(百分比)、em(相对单位)等
color:文本颜色(前景颜色)
background-color:背景颜色
boder-style:边框风格
display:元素是否显示,可选值none(不显示),block(显示为级元素)
cursor:鼠标在元素上显示的光标图案,
Li:不显示圆点


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

 伪选择器
为标签不同状态设定不同的样式 

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值