HTML入门

HTML入门HTML入门

大家好,又见面了,我是你们的朋友全栈君。

简介

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

HTML框架:

 HTML入门

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>

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 />

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/105755.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号