基础html和css样式总结part2

原创 2015年11月17日 21:42:58

无序列表:

  • 默认显示 li 前面自带一个圆点

<ul>
  <li>信息</li>
  <li>信息</li>
</ul>

有序列表:

  1. 前后有序,有顺序标号

<ol>
  <li>信息</li>
  <li>信息</li>
</ol>
逻辑包围板块
<div  id="版块名称">…</div>

表格:


table当表格内容非常多时,表格会下载一点显示一点,但如果加上标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。

tr 表格的一行,所以有几对tr 表格就有几行。table row

td:表格的一个单元格,一行中包含几对…,说明一行中就有几列。 table data

th:表格的头部的一个单元格,表格表头。table head

<table summary="表格简介文本">
    <caption>标题文本</caption>
    <tr>
        <td></td>
        <td></td></tr></table>

a 标签 建立链接

<a href ="目标网址" target="——blank">click here</a>

img图片标签

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,服务器端程序就可以处理表单传过来的数据
输入框基本使用

<form>
  姓名:
  <input type="text" name="myName">
  <br/>
  密码:
  <input type="password" name="pass">
</form>

单选框:radio 复选框:checkbox
单选框的name值要一致

<form action="save.php" method="post" >
    <label>性别:</label>
    <label></label>
    <input type="radio" value="1"  name="gender" />
    <label></label>
    <input type="radio" value="2"  name="gender" />
    <!--type="submit"表示按钮-->
</form>

下拉列表:

<label>爱好:</label>
    <select>
      <option value="看书">看书</option>
      <option value="旅游"  selected="selected">旅游</option>
      <!--selected="selected"表示该选项默认被选中-->
      <!--css中使用/**/进行注释-->
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>

form表单当中的label标签

<label for="控件id名称">
<!--注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。-->
<form>
  <label for="male"></label>
  <!--for="male" 对应的id="male"-->
  <!--当用户点击该lable的时候,就自动会关联相应的控件,比如上面的radio-->
  <input type="radio" name="gender" id="male" />
  <br />
  <label for="female"></label>
  <input type="radio" name="gender" id="female" />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
</form>

span 一小段

<span style="color:red"></span>

类选择器:

<!--类选择器的使用-->
.dada{
    color:red;
}
<span class="dada"><!--选择相应类,使用样式-->

ID选择器:

<!--ID选择器的使用-->
#dada{
    color:red;
}
<span id="dada"><!--选择相应类,使用样式-->

———新手 学习,请多指点 共勉————

版权声明:本文为博主原创文章,未经博主允许不得转载。

关于HTML基础的总结

首先,我们要知道HTML是一种超文本标记语言,不需要编译,直接由浏览器执行。HTML由W3C维护,是通向WEB技术世界的钥匙。 一、HTML文件主体结构标签 1、文档声明 2、html标签 ...
  • ksyjy
  • ksyjy
  • 2017年07月27日 15:32
  • 254

HTML和CSS样式总结

HTML Tableb表格标签 上下同宽,左右同高 跨行和跨列,跨行指上下几行合并,跨列指左右几列合并 标题 Form表单,先表单后表格 Text-文本框 Password-密码框 Radio-单选框...
  • ma20120607
  • ma20120607
  • 2015年03月28日 17:22
  • 131

Html+Css基础之样式布局模型

CSS样式速查手册 CSS格式化排版字体body{font-family:"微软雅黑";}字号、颜色body{font-size:12px;}/*字号、字体大小*/ body{color:red;}/...
  • q269399361
  • q269399361
  • 2016年12月20日 15:54
  • 784

css的样式总结

css的样式可分为三类 —-外部样式,嵌套样式,内联样式。外部样式表的引用有 @import外部引用和link引用两种。 两者的区别, @import出现在嵌套...
  • qq_37659282
  • qq_37659282
  • 2017年02月25日 17:56
  • 62

html基础-css样式设计

CSS 1、全称:层叠样式表(目的:将网页的内容和样式分离,利用代码维护) 2、css和html的结合方式  (1)css和html有四种结合方式  1:使用html标签属性  2:使用h...
  • tujunyong
  • tujunyong
  • 2016年11月21日 01:31
  • 124

【数据库】基础知识总结

数据库完整性为了维护数据库完整性DBMS需要提供: 1. 提供定义完整性约束条件的机制 2. 提供完整性检查方法:一般在INSERT UPDATE DELETE语句执行后开始检查或者在事物提交之前...
  • Sugar_Z_
  • Sugar_Z_
  • 2016年05月17日 17:20
  • 8066

基础html与css样式总结part1

html 基本结构: ** html文件基本结构 h
  • dada111111111
  • dada111111111
  • 2015年11月16日 20:10
  • 375

Html快速入门总结

一、      HTML基本结构 代码:     我的第一个网页    莫等闲,白领少年头,空悲切!  Ø  HTML文档分为文档头和文档体两部分,头部信息和主体部分都包含在和标签之间爱你,这...
  • u013944979
  • u013944979
  • 2014年12月21日 19:28
  • 1165

在HTML中使用CSS样式的几种方式

1.内联方式(行内样式)就是在HTML的标签中使用style属性来设置css样式 格式:被修饰的内容在HTML中如何使用css样式特点:仅作用于本标签。2. 内部方式(内嵌样式)就是在head标签中...
  • u014103733
  • u014103733
  • 2017年06月09日 15:40
  • 809

JS+html+css实现的一个小小的贪吃蛇游戏

提前声明,我做的这个游戏有个BUG,目前我无法解决。BUG为,同一个方向连续按两次以上,会使得贪吃蛇或者一种“神功”。 代码如下(阁下如果需要复制粘贴过去试一下效果的话,务必把代码中所有的路径都修改...
  • yesyes120
  • yesyes120
  • 2017年04月17日 23:43
  • 279
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:基础html和css样式总结part2
举报原因:
原因补充:

(最多只允许输入30个字)