html基础、表格、表单、css总结

Html基础

  1. 基本结构
    文档类型声明<!DCTYPE html> (不是标签)
    头部信息
    head
    <!- -网页编码设置- ->
    meta charset=“utf-8”
    /head
    主体信息
    body/body
    整个html
    html/html

  2. 语法:标签+属性
    <标签名 属性名=“属性值”>
    标签
    块级标签

    1. div
    2. 标题h1~h6
    3. 段落p
    4. Img标签img
      (属性src, alt, height, width)
    5. 超链接标签a
      (属性href, target, title, name)
      1. 锚链接name=“锚名1”
      2. 电子邮件链接
      3. 文件下载
    6. 列表标签
      1. 无序 ul li (type= disc, square, circle)
      2. 有序 ol li(type=1,a , A, i, l)
      3. 定义 dl>dt/dd

行级标签
span
b, em, img, input, a, sup, sub, textarea

其他标签
1. 预编译pre
2. 注释<!- -……- ->
3. br
4. hr
5. i em b strong sub sup

特殊符号
< > ® © ™  

属性
Align属性: left, right, center, justify
color
bgcolor
font

表格table: html布局基础

  1. 基本语法
<table>
<caption></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
  1. 属性
    Table属性
    Width, align, border, bgcolor, cellpadding, cellspacing, frame, rules

    tr属性
    Align, valign, bgcolor

    td和th属性
    Align, valign, bgcolor, width, height
    行合并列合并colspan, rowspan

表单form 收集信息,人机交互

  1. 语法form action=“” method=“”/form

  2. 标签
    纯文本label
    表单控件
    <input type=
    Text
    Password
    Radio
    Checkbox
    Button
    Submit
    Reset
    File
    Hidden
    列表框
    select
    outgroup label
    option value
    /select
    多行文本域
    textarea

  3. 属性
    Name Id Value Checked Selected Src Onclock Disabled Multiple

Css基础 .css

cascading style sheets 层叠样式列表

  1. 语法
    内部
    style type=“text/css”
    P{属性}
    /style
    外部
    link rel=“stylesheet” type=“text/css” href=“”
    行内
    p style=“属性”

  2. 选择器
    标签 p{}
    类p class=“p1” p1{}

  3. 属性
    文本样式
    Color
    direction
    letter-spacing
    line-height
    text-align
    文本修饰
    text-decoration
    text-shadow
    text-transform
    Text-indent
    Background包括
    Background-color/position/repeat/attachment/image

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值