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


相关推荐

  • The server does not support version 3.0 of the J2EE Web module specification

    The server does not support version 3.0 of the J2EE Web module specification

    2021年8月11日
    60
  • linux 查看1521端口状态,linux防火墙开放1521端口

    linux 查看1521端口状态,linux防火墙开放1521端口问题描述:使用plsql连接数据库发现TNS报错,登录服务器发现防火墙开放,如果直接关闭防火墙,所有的端口都可以连接,但是实际中可能会遇到开启防火墙的库,这时候需要开放单一端口对某一服务器或者某一网段1.开放1521端口对所有服务器vi/etc/sysconfig/iptables-AINPUT-mstate–stateNEW-mtcp-ptcp–dport1521-…

    2022年6月10日
    37
  • linux通配符的用法_linux中rmdir命令

    linux通配符的用法_linux中rmdir命令注意:linux通配符和三剑客(grep,awk,sed)正则表达式是不一样的,因此,代表的意义也是有较大区别的。通配符一般用户命令行bash环境,而linux正则表达式用于grep,sed,awk场景。*:通配符,代表所有(0到多个)字符?:通配符,代表任意1个字符;:连续不同命令的分隔符#:配置文件注释|:管道~:当前用户的家目录-:上一次所在的路径$:变量前需要加的符号/:路径分隔符号,也是…

    2026年1月23日
    3
  • python中如何把列表转换为字符串

    python中如何把列表转换为字符串python中把列表转换为字符串1、join方法2、for语句1、join方法lis=[‘1′,’2′,’3′,’4′,’5’]s=””.join(lis)print(s)>>>’12345’语法格式为:str.join(sequence)sequence是序列类型,序列类型有列表、元组、range如果列表中为int型,可使用map(,)lis=[1,2,3,4,5]s=””.join(map(str,lis))print(s)&

    2022年5月7日
    60
  • pycharm使用conda环境_anaconda运行python

    pycharm使用conda环境_anaconda运行python基础环境是ubuntu的。之前一直使用windows系统,新公司需要使用ubuntu环境,所以从头开始搭建一个python运行的环境。主要的步骤可以记为如下:1.安装anaconda2.配置一个conda的python36环境3.安装pycharm4.在pycharm中使用2中配置的环境作为项目的解释器5.其他一些注意事项1.安装anaconda1.2安装下载的安装包,我下载的最新版…

    2022年8月29日
    5
  • Arduino教程 RFID-RC522读IC卡门禁原理及破解防御[通俗易懂]

    【文章特色:1、提出IC卡破解原理和简单有效的防御方法2、网上其他文章对于硬件如何接线说得模糊不清】1、序言2、加载RC522库文件3、模块引脚接线4、程序代码5、运行结果先说下简单门禁系统的原理:(1)IC卡激活:门禁卡管理员将卡片放到读卡器、这时软件读取到IC卡的UID序列号信息(相当于身份证号码),将这个UID录入数据库激活IC卡。(2)刷卡

    2022年4月17日
    289

发表回复

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

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