HTML入门

最新推荐文章于 2024-10-16 20:49:18 发布

李-晓洁

最新推荐文章于 2024-10-16 20:49:18 发布

阅读量1k

点赞数

文章标签： html 语言 web

本文链接：https://blog.csdn.net/yiwangxiblog/article/details/50631182

版权

简介

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>       <!-- 网址-->

嵌入图像：