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)
上一篇 2022年4月24日 下午10:20
下一篇 2022年4月24日 下午10:20


相关推荐

  • HDU 6057 – Kanade’s convolution | 2017 Multi-University Training Contest 3

    HDU 6057 – Kanade’s convolution | 2017 Multi-University Training Contest 3

    2022年3月5日
    44
  • JPA:@Modifying注解(UPDATE或者DELETE)

    JPA:@Modifying注解(UPDATE或者DELETE)通过 Modifying 注解可以完成修改 UPDATE 或者 DELETE 操作 注意 不支持新增 示例 packagecom newcapec dao repository pay importcom newcapec dao domain UserEnroll importorg springframew data jpa repository JpaRe

    2025年9月6日
    3
  • 如何使用VideoProc从MKV提取字幕?

    如何使用VideoProc从MKV提取字幕?如何使用 VideoProc 从 MKV 提取字幕 别急 小编今天给大家整理了使用 VideoProc 从 MKV 提取字幕的教程 操作简单 便于上手 感兴趣的朋友快来跟小编看看吧 使用 VideoProc 从 MKV 提取字幕教程 1 添加带字幕的视频运行 VideoProc 然后在主界面上单击 视频 按钮 点击 视频按钮以导入带有字幕的源视频 2 选择输出字幕格式点击下部的工具箱图标 找到 导出字幕 选项 然后双击它 然后选择输出字幕文件格式 您也可以使用修整功能提取部分字幕 单击完成 注意 如果在 工具箱 中没有

    2026年3月17日
    1
  • rpc接口怎么写_rpcbind服务端口

    rpc接口怎么写_rpcbind服务端口编写更安全的RPC接口前言在一般的RPC应用当中,作为开发人员一般分为了三种,第一种就是提供RPC服务的开发人员,第二种就是客户端使用RPC服务的开发人员,以及最重要的设计RPC接口和规范RPC接口的开发人员,前面的案例当中我们将三种角色融在了一起,虽然看起来非常的方便,但是非常的不利于后期的维护以及二次开发RPC接口规范如果要冲高HelloService服务,第一步需要明确服务的名字以及接口(HelloService服务在上两篇博客)constHelloServiceName=”path/to

    2022年10月13日
    4
  • 调幅收音机原理图及分析_调频调幅收音机区别

    调幅收音机原理图及分析_调频调幅收音机区别标题:致小白:详解调幅收音机的原理妈妈再也不用担心我不懂收音机啦!作者:Pleiades_Antares出品:BDF元培调查组北京市内包小组版权声明:本作系完全原创,他人不得在原作者不知

    2022年8月2日
    11
  • 小白程序员必看:收藏这份Windows安装OpenClaw保姆级教程,轻松跑通AI大模型

    小白程序员必看:收藏这份Windows安装OpenClaw保姆级教程,轻松跑通AI大模型

    2026年3月13日
    2

发表回复

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

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