初学HTML

最新推荐文章于 2022-06-20 17:39:21 发布

原创最新推荐文章于 2022-06-20 17:39:21 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了HTML的基本概念，包括标签的使用、网页结构的设计、图片、链接、列表、表格的创建方法，以及表单的实现方式，是初学者入门HTML的理想指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.介绍

什么是html?
是一种用来设计网页的一门超文本标记语言，（使用标签对内容进行描述的一门语言，不是编程语言）它不依赖于任何语言，其重要的特性就是可以包含超链接，图片，音频和视频、程序、非文字等数据。
1.文件后缀名为.html或.htm结尾，建议使用前者
2.文件分为两部分<head></head>部分<body></body>部分
3.标签大多都是双标签（开始标签跟结束标签）也有单标签
4.忽略大小写，建议使用小写。

2.使用标签

1.标题标签n为1-6逐渐变小，
2.水平标签<hr/>
3.段落标签<p><p/>
4.字体标签<font>文本<font/>
属性颜色：color(英文或十六进制)=“值” 直接写入font第一个标签内
设置大小：size(1-7逐渐变大，超过7的按7显示)
5.图片标签
位置属性：src="";(相对路径，或者绝对路径)
宽度属性：width
高度属性：height
提示信息：alt(图片无法正常显示时给出的提示信息)
6.列表标签：
有序：<ol><ol/>
顺序样式：type五个（1、a、A、l、i）。

						 <li>第一</li>
    					<li>第二</li>
    					<li>第三</li>

无序：<ul><ul>
顺序样式：type三个值（disc、square、circle）。
开始属性：start 即从序号开始
降序属性：reversed
7.表格标签<table><table/>

<tr></tr>//行  需要几行直接插入就可以了
<td></td>//列  需要几列也是直接插入就可以了
rowspan="2"//跨两行
colspan="2"//跨几列
边框属性：border
宽度属性：width
高度属性：height
背景颜色：bgcolor
边框与边框的距离：cellspacing
边框与内容的距离：cellpadding
水平显示：align

8.链接<a href = "网址" target="-search"> 点我</a>
有target会在另外一个窗口打开，去掉就是在本网页打开。

3.网站首页

1.建立网站先设计好整体样子，再划分区域。大块里面套小块，小块里面套元素。

4.后台管理

后台主要是一个框架,占<body>的位置
框架集结构标签<frameset></frameset>将页面进行区域划分
垂直切割划分：cols(参数值为100%，对区域进行划分，可用星号表示)
水平切割划分：rows(参数值为100%，对区域进行划分，可用*表示)
1隐藏项
在这里插入图片描述

5.网站上的注册信息(输入框)

1.需要提交到服务器端的表单项使用<form></form>括起来
action属性：表单的提交的位置（可以是一个页面，也可以是一个后台的java代码）
method属性：表单提交的方式（get/post/delete…等7种）
2.隐藏项

<input type="hide">

3.文本输入框

   <input type="text"  name=""    size ="max"  />

4.密码输入框

  <input type="possword"/>

6.按钮及下拉列表

1.单选按钮

<input  type ="radio" name="" checked=""/>

2.多选按钮

<input   type ="checkbox" name=""  checked=""/>

3.下拉按钮

<select  name="">
		<option value=""  selected="">北京</option>
		<option >上海</option>
</select>

4.文件上传项

<input type="file"  name=""/>

5.文本输入域

<textarea  name=""></textarea>

初学总结，有问题望指正