web界面——html基础

最新推荐文章于 2024-09-11 22:17:51 发布

是否合理设计

最新推荐文章于 2024-09-11 22:17:51 发布

阅读量3.1k

点赞数 3

分类专栏： web

本文链接：https://blog.csdn.net/traffic_jiao/article/details/85719079

版权

本文介绍了HTML的基本概念，包括其作用、标记对的使用、字体格式、颜色、段落控制、链接、表格、表单组件以及框架集。讲解了如何创建超链接、设置颜色、创建表格，以及各种表单元素如文本框、单选框、复选框的使用，并提到了框架集的应用和目标属性。

摘要由CSDN通过智能技术生成

html:hypertext markup language
超文本标记语言
作用：用来编写网页。（有很多特定含义的标记对组成：浏览器会根据不同的标记对来展示出对应的样式）
//标记是成对出现的；
文本//加粗显示；e.g.:文本
文本：//斜体显示；e.g.:文本
 //换行；

<center>文本</center>//居中显示


 <HR/>://水平线

 <font color="red" size="4">文本</font> //字体的格式

字体的格式:文本
居中显示：

文本

标签的特点：
1：标签的明是标记好的；
2：不区分大小写；
3：标签总是成对出现，前面的标签叫开始标签，后面的标签叫结束标签。
html的格式：

<html>
    <head>
          <title> 网页的标题</title>
    </head>
    <body>
    网页的内容;
    </body> 
 </html>

颜色的使用：

<body bgcolor="green" >
//:背景颜色；

bgcolor=rgb(r,g,b): rgb(255,0,5)或者：rgb(100%,50%,20%)
十六进制颜色表示方式：bgcolor=#FF0000;

段落的控制：

<b></b>//将文本显示为粗体
<i></i>//将文本显示为斜体
<u></U>//将文本显示下划线
<sup></sup>//上标
<sub></sub>//下标
<p></P>//段落控制标签

e.g.：
//将文本显示为粗体
//将文本显示为斜体
//将文本显示下划线
上标^//上标
//下标_//下标

//段落控制标签

图像：

<img src="C:\Users\Administrator\Pictures\草图.png"  width="160" heigh="100">

//草图的宽是160，高是：100
表格：
表格由table标签定义：

行使用<tr>
每行被分割为若干单元格用<td>标签定义
表格标题由<caption>定义。
e.g.：

//设置表格格式：
<table border="1" width="98%" align="center">
<caption>班级成绩</caption>
  <tr>
      <td>学号</td>
      <td>姓名</td>
      <td>成绩</td>
   </tr>
   <tr>
      <td></td>
      <td></td>
      <td></td>
   </tr>
   </table>