黑马程序员技术交流社区

标题: 【石家庄校区】技术的路道阻且长 html部分基础 [打印本页]

作者: 可口 时间: 2018-6-7 15:36
标题: 【石家庄校区】技术的路道阻且长 html部分基础
本帖最后由小石姐姐于 2018-6-8 11:40 编辑

html 是超文本标签标记语言  比普通文本功能强大设置图片操作文字样式设置链接

W3C组织定义的一组单词,具有特定功能的单词,学习heml就是学习标签功能,交流工具和浏览器交流
将普通文件的后缀名改为.htm或者.html
跟标签    <html></html><htm></htm>
将信息展示在页眉上 <title></title>

字体标签
<html>
      <meta charset="utf-8">
      <body>

      </body>

</html>
  <font> </font>
            <标签属性名="属性值"></标签>
                     属性有color size face(字体)
align 排列方式
dr换行
width 在hr 中宽度即为长度 size大小即为宽度
///图片
img alt当图片找不到时解释的语句
图片 width宽度 heigth 高度像素px 或者百分比 border 取值1px
title 鼠标到图片时给的提示
../css/header.png 上一级目录相对路径
/demo/header.png 相对路径
////网站列表页面
ol有序化li
      属性 A a 1 i I start 从即开始
ul无序化li
      属性 disc实心黑点 circle空心圆 square方块
//链接
href:页面需要跳转的路径_self在当前路径打开,_blank在新窗口打开
a href= "//www.baidu.com" target=_self在当页面打开_blank在新窗口打开_framename 在指定的框架中打开
////table tr rowspan行 td  colspan列
width表格宽度 heigth表格高度 border变宽
align表格水平位置 left左边 center居中 right右边

HTML的表单标签表单元素form
      action 提交路径
      method       请求方式 GET数据不安全
                     post不会显示到地址栏
<form action="../案例四：网站的首页的显示/案例四：网站首页.html" method="post">
用于传送数据
input type="txt"文本款
      number 只能输入数字
            name=usename size大小       maxlength
      password 密码框 password  password
               确认密码 password repassword
      radio 单选按钮
      input type=radio name=sex value="男" checked默认>男
      checkbox 复选按钮
      <input type="checkbox" name="hobby" value="篮球" checked>篮球
      button 普通按钮
      submit 提交按钮注册
      reset 重置按钮
      file       文件上传
      <input type="file" name="uolode" />
      hidden 隐藏字段
      image 引用图片
      <input type="submit" value="注册"/><input type="reset"       value="重置"/><input type="button" value="我是按钮">
select 下拉列表
<select name="province">
                                                                              <option>--请选择--</option>
                                                                              <option value="" selected="">北京</option>
textarea 文本域
<textarea cols="20" rows="4" name="info">我是：</textarea>

作者: Volcano 时间: 2018-6-7 15:43
个人感觉没有那个Meng结尾的总结的好

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

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