HTML入门

来源:互联网 发布:java求最大值和最小值 编辑:程序博客网 时间:2024/05/09 02:14

简介

HTML(Hypertext MarkupLanguage):超文本标记语言,也就是一种用于编写Web页面的标记语言。

HTML框架:

 

HTML的基础知识包括:


元素和标签

标签

 

 

段落控制

<p align=”#”>

创建一个段

<br>

换行

<hr color=”clr”>

插入一条水平线

 

 

文本显示

<center>…</center>

文本居中显示

<hn align=”#”>…</hn>

文档标题的大小

<font size=n color=”clr”>…</font>

设置字体

<b>…</b>

文本加粗

<i>…</i>

文本为斜体

实例:

<html>      <head><title>静夜思</title></head>      <body>               <p align="center">               静夜思<br>                          作者:李白               <hr color="blue">               <p align="center">               床前明月光,疑似地上霜。<br>               举头望明月,低头思故乡。      </body></html>

元素

概念:元素是由单个或一对标签定义的包含范围。

表示:

空元素

<br>

带有属性的空元素

<hr color=”blue”>

带有内容的元素

<title>标题</title>

带有内容和属性

<font color=”red”>标题</font>

 

列表

表格

定义表格:

<table>...</table>

定义表格的标题:

<caption>...</caption>

在表格中添加新行:

<tr>...</tr>

定义表头:

<span style="font-size:18px;"><th>...</th></span>

定义单元格:

<span style="font-size:18px;"><td>...</td></span>

实例:


表单

创建表单:

<form>...</form>

<input>元素:用来创建表单中的控件

<input type="type" name="name" size="size" value="value">

控件名type单行文本输入text提交按钮submit重置按钮reset口令输入password单选radio复选框checkbox隐藏控件hidden  

列表框:

<select size="1" name="education">        <option> value="高中">高中</option>        <option> value="大学">大学</option></select>

多行文本输入:

<textarea name="personal" rows="5" cols="10"></textarea>

超链接

创建超链接:

<a href ="form.html">超链接</a>                  <!-- 网页名称--><a href =".../form.html">超链接</a>              <!-- 网页的相对路径--><a href ="E:/TEST/form.html">超链接</a>          <!-- 网页的绝对路径--><a href ="https://www.baidu.com/">百度</a>       <!-- 网址-->

嵌入图像:

<img src ="URL" width =n height=n />


0 0
原创粉丝点击