大家好,又见面了,我是你们的朋友全栈君。
简介
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 />
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/105755.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...