码迷,mamicode.com
首页 > Web开发 > 详细

HTML和CSS网页开发基础

时间:2018-01-10 21:40:50      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:hid   only   密码   multiple   apt   ref   alt   math   table   

HTML文档结构

HTML文档结构:<html>、<head>、<title>、<body>构成HTML页面中最基本的元素。

HTML常用标记:1.换行标记  <br>    2.段落标记   <p> </p>   3.标题标记   <h1>~<h6>  数字越小,级别越高。  4.居中标记  <center>需居中内容</center>

                           5.文字列表标记   有序<ol>无序<ul> 

二  表格标记

1. 表格标记  <table> : <table>标记中有很多属性,如width设置表格的宽度,border设置表格的边框,align设置表格的对齐方式,bgcolor设置背景颜色。

2.标题标记 <caption>

3.表头标记 <th>

4.表格行标记  <tr> :以<tr>开头</tr>结尾,一组<tr>表示表格  中的一行。但<tr>必须嵌套在<table>标记中使用。

5.单元格标记又叫列标记   <td>  :一个<tr>可以嵌套若干个<td>

HTML表单标记

1.<form>..</form>表单标记

      定义处理表单数据程序的URL地址信息等,基本语法格式:

      <form action="url"mathod="get"|"post"name="name"onsubmit="单击提交触发事件"target="_self/_blank/_parent">

      </form>

     <form>标记的重要属性
     action属性:指定表单数据提交至何处
     method属性:–指定表单数据提交的方式

2.<input>表单输入标记

    <input>能够演变为表单中许多不同的元素,取决于type属性

       type取值:

  –text(单行输入文本框)
  –submit(提交按钮)
  –password(密码输入文本框)
  –radio(单选按钮)
  –checkbox(复选框)
  –reset(复位按钮) 
  -button(普通按钮)
  -file(文件域)
  -hidden(隐藏域)
  -image(图像域)
基本格式为:
  <input type="image" disabled="disabled" checked="checked" width="digit" maxlength="digit"   readonly="" size="digit" 
  src="Uri" usemap="Uri" alt="" name="checkbox" value="checkbox">
3.<select></select>  下拉列表框标记
  使用<option>向列表中添加内容,属性为,name:指定列表框的名称。size:指定列表框的选项数量,超出可以通过拖动滚动条查看。
    disable指定当前列表框不可使用。multiple:用于让多行列表框支持多选。
4.<textarea>多行文本标记
  与单行文本相比,多行文本可以输入更多内容。
 
四。超链接与图片标记
  1.超链接标记<a href=""></a>  href属性用来设定链接到哪个页面。
  2.图片标记  <img src="url"width="宽度"height=“高度”border=“图片外边框的宽度”alt=“提示文字(图片无法显示时)”>

 

HTML和CSS网页开发基础

标签:hid   only   密码   multiple   apt   ref   alt   math   table   

原文地址:https://www.cnblogs.com/BRE49/p/8260660.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!