粗略html/css急速入门

粗略的html

简介:

html标记语言,有标签,标签有属性。

网页内容通常写在body中

通用属性:id class等

css中“#”id选择器 点“.”class选择器

特殊属性:href 等

常用内容标签

<u>下划线

<b>黑体 <strong>加粗

<i>斜体字

<a>链接跳转标签 或 锚

链接:

<a>标签的特有属性href 指向链接

<a href=‘http://www.baidu.com’ target=’_blank’ >_blank是指新的窗口打开

<a href=‘http://www.baidu.com’ >就在原本的窗体打开

锚:

‘#是id选择器’ 点‘.’是class选择器

<a href="#test"></a> 会跳转到id=test标签那里

<br>换行标签

<tr>同一行

<hr>分割线

常用容器标签:

<html>

<head>

<body>

<div>块级标签

<span>内联容器 与div类似 span内容不会换行 div内容会换行

<table>表格标签

<ol>无序列表

<ol>
    
	<li start=‘3’>
		有序列表1
	</li>
	<li>
		有序列表2
	</li>
	<li>
		有序列表3
	</li>
</Ol>

<ul>无序列表

常用表单标签:

用于与后台交互 所有表单标签提交数据到后台需要有name属性

1.<select>选择器标签

html css java

2.<input>输入标签

type=‘文件筐’

type=‘password’

type='checkbox’复选框

爱好:
<input type="checkbox" name="复选框">看电影
<input type="checkbox" name="复选框">玩游戏
<input type="checkbox" name="复选框">睡觉
<input type="checkbox" name="复选框">吃饭<br/>

type='radio'

type='radio’单选框

性别:<input type="radio" value=''><input type="radio" value=""><br/>

type='submit’提交标签 将数据提交到后台,会刷新浏览的地址

type=‘button’ 按钮

3.form表单

属性action 指定哪个属兔函数处理 method=‘post’制定和请求方式


<form action='/login' method=‘post’>
<div>
 账号:<input type="text" name="account" ></input><br/>
	密码:  <input type="password" name="password" ></input><br/>
<input type="submit" >
</div>
</form>	

常用css:
#使得按钮有按钮的感觉
cursor: pointer;
#虚化
opacity: 0.8;

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值