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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • eBPF BCC 实现UNIX socket抓包「建议收藏」

    eBPF BCC 实现UNIX socket抓包「建议收藏」在之前,我写了一个《eBPFbpftrace实现个UNIXsocket抓包试试》,但是很受限啊,不能完整打印包数据信息,今天又写了一个BCC的,感觉没问题了。不多说,直接上代码:#!/usr/bin/python#@lint-avoid-python-3-compatibility-imports##undumpDumpUNIXsocketpackets.#ForLinux,usesBCC,eBPF.Embedded

    2022年9月21日
    6
  • J2ME开发专题[通俗易懂]

    J2ME开发专题[通俗易懂]http://www.csdn.net/subject/j2meTools/ 

    2022年7月11日
    15
  • react中postMessage与addEventListener的使用

    react中postMessage与addEventListener的使用有时候两个页面之间不是父子组件的情况下,信息交互很难搞,看到有人用postmessage来进行消息交互,我也试了一下,哎呀妈真香!!!1、首先在需要发送消息的界面中使用postMessage使用的是React+TypeScript,逻辑是更新提交的时候刷新打开当前页面的父窗口,postMessage用法如下:if(window.opener&&window.opener.location&&window.opener.location.href){

    2022年7月12日
    60
  • MinGW与Cygwin

    MinGW与Cygwin

    2021年8月31日
    59
  • 微信小程序获取unionid_小程序的openid有什么用

    微信小程序获取unionid_小程序的openid有什么用UniqueID以及openid的获取涉及到用户的敏感信息,返回的数据encryptedData是加密后的数据要提取信息需要对数据进行解密官网提供了解密的算法,将nodejs的版本拿过来稍作修改即可下载cryptojs放到项目的utils目录下 在utils目录下新建decode.js写入以下内容//utils/decode.jsvarCrypto=require…

    2025年7月16日
    3
  • windows获取窗口句柄

    windows获取窗口句柄1、使用FindWindow函数获取窗口句柄示例:使用FindWindow函数获取窗口句柄,然后获得窗口大小和标题,并且移动窗口到指定位置。[html] viewplaincopy #include &lt;Windows.h&gt;  #include &lt;stdio.h&gt;  #include &lt;string.h&gt;  #…

    2022年7月21日
    33

发表回复

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

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