黑马程序员技术交流社区

标题: 【石家庄校区】我的小笔记 [打印本页]

作者: lunxian 时间: 2018-6-7 15:16
标题: 【石家庄校区】我的小笔记
本帖最后由小石姐姐于 2018-6-8 11:38 编辑

创建html
把扩展名改为html或者htm
      结构标签(文件标签)

      <html> <head> <body>
注意事项:
1.忽视大小写,推荐小写
2.标签嵌套要正确,不要你中有我,我中有你
3.属性值用双引号或者单引号括起来
4.围堵标签  <fount><fount/> 和自闭和标签br/ hr/
字体标签:
fount: color       "red" "#FFFFFF"
   size:
   face:
属性名 = "属性值"  属性名='属性值'
排版标签:
居中标签: center
h1~h6    h1 最大
p 段落自动换行
<pre> : 原生标签
<hr/>  : 横线
<br/> : 换行
转义字符:
  : 空格
> : 大于号>
< :  小于号<

图片标签:
img 属性:
src  : 图片的来源
width : 图片的宽度
heigth : 图片的高度
alt: 图片找不到时显示的内容

图片引入的路径的问题:
路径: 相对路径
         图片和html文件在同一级路径
            直接写文件名或者./文件名
         图片在html文件上一级路径
            ../文件名    上两级目录 ../../文件名
         下一级
               文件夹名/文件名
绝对路径:
         以/开头的路径,/工程名/文件路径

列表标签 :
      无序列表: <ul><li></li></ul>
            无序列表属性:
                     type属性: disc 实心点 circle 空心圆 square 方块
         有序列表:  <ol><li></li></ol>
               有序列表属性:
                        1 : 数字类型  a: 字母类型  i :罗马字符
                              start :  从哪开始
超链接:
         <a href="">       </a>
            target: 打开的方式

            self  自身页面打开
               blank  新打开一个窗口
HTML 表格标签:
配合表单标签
         table
                  tr 行  td 列
                     width 宽(1 固定值 2 百分比)  heigth 高    border 边框  align (left center right)
                  td : colspan= "列数" tr: rowspan = "行数"

HTML表单标签:
<form>
         作用:
                  表单的作用范围,
                  收集数据提交后台
常用属性:
    action属性: 提交路径,默认提交到当前页面
method属性: 请求方式.GET和POST 默认是GET
                  GET:数据会显示到地址栏中,不安全,有大小限制(一般不超过1kb)
                  POST:数据不会显示到地址栏中,相对安全,没有大小限制
表单元素:
         <input type="text">文本框
                        name: 表单元素的名称 , 必须有name属性,然后后台接收数据
                        value: 文本框的默认值
                        size: 文本框的长度
                           maxlength :文本框输入的最大长度
                              readonly : 只读文本框
         <input type = "passwork">密码框
         <input type = "radio">: 单选按钮
         <input type = "checkbox">:复选按钮
         <input type = "button">: 普通按钮,没有任何功能
            <input type = "submit"> : 提交按钮
            <input type = "reset">  : 重置按钮
            <input type = "file"> : 文件上传的表单项
            <input type = "hidden"> :隐藏字段
            <input type = "image">:图片按钮
      <textarea> 下拉列表
         <select > 文本域
readio checkbox : checked : name相同视为一组
select : selected
textarea:
            cols  : 字符数来规定宽度
            rows :字符数来规定行数
HTML 5: 扩展表单元素
      email date number color

笔记.zip

14.04 KB, 下载次数: 24

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2