HTML学习(1)_html/css_WEB-ITnose

时间:2016-06-24 11:34:42 来源:互联网 作者: 神秘的大神 字体:

1、缩写和首字母缩写

etc.

WWW

2、块引用(短)

A:
B
C

显示结果:A: “B”C

3、计算机输出标签

定义计算机代码

定义键盘码

定义计算机代码样本

定义代码样本

定义预定义格式文本

4、链接-target属性

语法:Link text

使用target属性可以定义被链接的文档在何处显示

traget=”_blank”>Link text

如果页面被固定在框架之内则使用这个属性:target="_top"

5、字体,字体颜色,大小

font-family(字体),color(颜色),和font-size(字体大小)

6、文本对齐方式

text-align

7、图像

图像标签和源属性

图像-alt属性:alt为图像定义一串预备的可替换的文本

8、表格

标签

一些属性

border:边框宽度

colspan=”n”:跨列

rowspan=”n”跨行

cellpadding:表格内容到边框的空白的距离

cellspacing:单元格之间的间距

9、列表

列表标签

:定义表格 :定义行 :定义表格列的组 :定义表格列的属性 :定义表格的页眉 :定义表格主体 :页脚
    :定义有序列表

      :定义无序列表

    • :定义列表项

      :自定义列表

      :自定义列表的描述

      A Definition List:



      Coffee

      - black hot drink

      Milk

      - white cold drink

      结果

      A Definition List: Coffee - black hot drink Milk - white cold drink

      10、区块

      元素:对一个区域内的所有元素设置统一的属性,比如颜色,字体等

      :用于对文档中的行内元素进行组合,该标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。

      11、网页布局

      使用

      或表格进行布局

      ex:布局实例

      12、表单和输入

      表单标签

      输入标签

      文本域:文本域通过 标签来设定


      First name:

      Last name:

      密码字段:密码字段通过标签 来定义


      Password:

      单选按钮:


      Male

      Female

      复选框:


      I have a bike

      I have a car

      提交按钮:

      表单标签

      :
      定义供用户输入的表单

      定义输入域

      定义元素的标签,一般为输入标题

      定义一组相关的表单元素,并使用外框包含起来

      定义 元素的标题

      • PHP
      • MySQL
      • HTML
      • CSS
      • JavaScript
      • jQuery
      • AJAX
      • Html5
      <img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a50894c3ee41784.jpg" alt="独孤九贱(5)_ThinkPHP5视频教程">

      独孤九贱(5)_ThinkPHP5视频教程

      ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

      • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
      • 2017-05-16 12:03:57
      • 点击数(160070)

      <img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a508deef1e58616.jpg" alt="独孤九贱(4)_PHP视频教程">

      独孤九贱(4)_PHP视频教程

      江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 我要学编程网wyxbc.com出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

      • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
      • 2017-03-20 22:47:17
      • 点击数(157216)

      <img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a5091db685e6482.jpg" alt="独孤九贱(1)_HTML5视频教程">

      独孤九贱(1)_HTML5视频教程

      《php.cn原创html5视频教程》课程特色:我要学编程网wyxbc.com原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

      • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
      • 2017-03-13 10:15:11
      • 点击数(126334)

      <img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a9ce29211b72919.jpg" alt="ThinkPHP5实战之[教学管理系统]">

      ThinkPHP5实战之[教学管理系统]

      本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

      • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
      • 2017-07-24 16:48:56
      • 点击数(118730)

      <img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a53132d0bd62424.jpg" alt="PHP入门视频教程之一周学会PHP">

      PHP入门视频教程之一周学会PHP

      所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

      • <img src="http://img.php.cn/upload/avatar/000/000/004/5c511d62e6c0e698.png"> 大家讲道理
      • 2016-11-16 14:54:14
      • 点击数(118418)

      作者信息
      <img src="http://www.wyxbc.com/static/images/user_avatar.jpg" class="func-um_user gravatar avatar avatar-120 um-avatar um-avatar-uploaded">

      我要学编程网wyxbc.com

      认证0级讲师

      最近文章
      • 最新文章
      • 热门排行

        <img src="http://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png" style="width: 100%">

      • 前端好学还是后端好学?
      • .htaccess是什么文件?有什么用途?
      • html里table是什么
      • area的属性是什么意思
      • HTML5画布如何设置字体颜色?(代码示例)
      • innerhtml用法是什么?
      • 什么是html5技术
      • 响应式布局与自适应式布局有什么不同

        <img src="http://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png" style="width: 100%">

      • 认识&lt;br&gt;与&lt;p&gt;标签之间的区别
      • 六款好用的html5编辑器
      • html怎样设置背景颜色?HTML背景颜色代码详细分析
      • html怎么换行?换行代码是什么?九种html文字换行方法总结
      • 锚点链接怎么做
      • AMP是什么?有什么用?
      • 什么是html文件?html格式如何打开?(图)
      • 如何在HTML中插入一行?html横线标签hr全新讲解

      相关视频教程

    • <img src="http://img.php.cn/upload/course/000/000/003/5a17982d48686254.jpg" alt="javascript初级视频教程" height="60"> javascript初级视频教程
    • <img src="http://img.php.cn/upload/course/000/000/003/5a179283c3885703.jpg" alt="jquery 基础视频教程" height="60"> jquery 基础视频教程
    • <img src="http://img.php.cn/upload/course/000/000/003/5a169239acf9a131.jpg" alt="javascript三级联动视频教程" height="60"> javascript三级联动视频教程
    • <img src="http://img.php.cn/upload/course/000/000/003/5a508a6eb1fe2744.jpg" alt="独孤九贱(3)_JavaScript视频教程" height="60"> 独孤九贱(3)_JavaScript视频教程
    • <img src="http://img.php.cn/upload/course/000/000/003/5a50879e1c81a337.jpg" alt="独孤九贱(6)_jQuery视频教程" height="60"> 独孤九贱(6)_jQuery视频教程
    • 相关视频章节

      • 栏目列表
      • 数据验证
      • 添加栏目数据
      • 引入编辑器
:定义表格的表头

:定义表格单元

:定义表格的标题