admin管理员组

文章数量:1794759

如何用HTML制作课程表

如何用HTML制作课程表

什么是 HTML?

HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的,HTML是超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
HTML 标签

每个网页都会有一个基本的结构标签,称为骨架标签,页面内容都是在骨架的基础上写的 

  • HTML 标签是由尖括号包围的关键词,比如 <strong>(加粗);
  • HTML标签通常是成对出现的,称为双标签,比如 <body>  </body>、<head></head>等;
  • 两个标签中的前面标签是开始标签,后面标签是结束标签;
  • 开始和结束标签也被称为开放标签和闭合标签。
  • 常用标签: a、本格式化标签: 粗体、斜体、下划线等效果。strong 、em、del、ins

                       b、标题标签:h1~h6(head),依据重要性依次降低                    c、段落标签:p  特点:会根据浏览器大小自动换行段落之间会有一个较大的空隙                    d、换行标签:<br/>(是个单标签)                 

HTML 结构

1、<!DOCTYPE> 文档类型声明抱歉,作用就是告诉浏览器用哪一种html版本来显示(html4、html5、xml) 使用html5显示文件;必须写在第一行,不是html标签。

2、lang="en"语言种类:en-英语、zh-CN 中文 ,其实在文档中可以写中文或英文但是对浏览器和搜索引擎有用(翻译、搜索范围)

其他属性

1、alt 替换文本(图片显示不出来的时候显示) 2、title 提示文本(鼠标放到图片上显示) 3、width:图像的宽度、单位像素 4、height:图像的高度 单位像素 5、border:图像边框的粗细

注:多个属性可以同时写必须写在标签后面,用空格分开属性采用键值对的方式书写,格式:键           ="值"。

表格标签

要作用:展示数据 基本语法: <table>     <tr>         <td></td>     </tr> </table> table表示表格 tr定义行 td定义单元格

表头单元格标签<th></th>(包裹在tr中),文字会加粗居中显示

表格相关属性(后续通过css设置): 1、align="center" 2、border="1"/""边框 3、cellpadding = "1" 单元格边和内容之间的距离 4、cellspacing="2"单元格与单元格之间的距离 5、width="100" height="500"表格的宽度和高度

无序列表

<ul>     <li></li>     <li></li> </ul>

自带的样式可以使用css去除掉

有序列表

<ol>     <li></li>     <li></li> </ol>

自定义列表

<dl>     <dt>被描述的对象</dt>     <dd>描述1</dd>     <dd>描述2</dd> </dl>

表单:填写信

表单由三个部分组成:表单域、表单控件(表单元素)、提示信

表单域:form action:表单提交到哪里(url地址,服务器) method:提交的方式 name:表单的名称,用于区分表单域

表单控件: input(单标签)     type属性:         button         checkbox         file         hidden         image         password         radio         reset         submit         text         button     name属性:用于区分表单元素     value属性:用于定义表单元素的值 主要给后台人员使用     checked:    是否选中     maxLength:输入字符的最大长度

label标签 为表单标签设置标注 语法:

<input type="radio" id="sex" ><label for="male">男</label>

select标签 <select>     <option selected="selected">1</option>

textarea     cols="每行的字符数"     rows="行数" </select>          select textarea

案列:

 

 

 

 

本文标签: 课程表如何用html