初识HTML

最新推荐文章于 2023-03-05 08:50:21 发布

开岁

最新推荐文章于 2023-03-05 08:50:21 发布

阅读量79

点赞数

文章标签： html5 html

本文链接：https://blog.csdn.net/qq_52814158/article/details/120473140

版权

初识HTML

一.什么是HTML

●HTML 指的是超文本标记语言 (HyperText Markup Language)。

超文本:是指页面内可以包含图片、链接、声音,视频等内容

标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)

●用HTML语言把我们需要显示的内容显示在浏览器上，但是HTML语言本身并不显示

•Web浏览器根据不同的HTML标签，解析成我们看到的网页

二.HTML的基本语法

1.HTML基本结构

<!DOCTYPE html> 声明HTML的版本，并告诉浏览器解释网页
<html> HTML的根标签
	<head> 头标签
		<meta charset="utf-8" />搜索引擎搜索使用的关键字
		<title></title> 可在其中插入网页标题
	</head>
	<body>
	网页内容均在《body》标签中
		
	</body>
</html>

2.标签

HTML中的标记指的就是标签。

HTML使用标记标签来描述网页。

结构：

<标签名>标签内容</标签名> 闭合标签(有标签内容)

<标签名/> 自闭合标签 (无标签内容)

标签属性：标签可以拥有属性。属性进一步说明了该标签的显示或使用

特性。如：

1.属性的格式：属性名 = “属性值“

属性的位置：

<标签名属性名 = “属性值“ >xxx</标签名>

添加多个属性：

<标签名属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名>

● 标题标签

……

● 段落标签

换行标签

● 列表

无序列表

有序列表

● 超链接 :HTML 使用超级链接与网络上的另一个文档相连，通俗的说就是

通过连接来访问其他网页资源。

● 图像标签

3.特殊符号转义。

在HTML中预留了一些字符。这些预留字符是不能在网页中直接使用的

4.表格

表格的基本构成标签

table标签：表格标签

tr标签：表格中的行

th标签:表格的表头

td标签：表格单元格

列入一个两行两列表格

``

5.表单

在html中还专门提供一个标签，专门用来选中表单中的提示文字的lable

标签,lable有一个for属性，该属性需要指定一个表单项的id值。

语法：

<input  type="text"（input元素类型）name="fname"（input元素名称） value="text"（input元素的值）/>

文本框-语法

密码框-语法

单选按钮-语法

<input name="gen" type="radio"(单选按钮框) value="男"(值)  checked(单选按钮选中状态)  />男
<input name="gen" type="radio" value="女" />女

复选框-语法

<input type="checkbox"(复选框) name="interest" value="sports"(值)/>运动
<input type="checkbox" name="interest" value="talk" checked(复选框选中状态) />聊天
<input type="checkbox" name="interest" value="play"/>玩游戏

列表框-语法

<select(列表框) name="列表名称" size="行数">
<option value="选项的值" selected="selected"(默认选中项)>…</option >
<option(选项) value="选项的值">…</option >
</select>

按钮-语法

<input type="reset" (重置按钮) name="butReset"  value="reset按钮"(按钮上显示的文字)>
<input type="submit"(提交按钮) name="butSubmit" value="submit按钮">
<input type="button"(普通按钮) name="butButton" value="button按钮"/>

图片按钮

<input type="image" src="images/login.gif"/(图片路径)>

多行文本域-语法

<textarea(多行文本域) name=“showText” cols=“x”(显示的列数) rows=“y”(显示的行数)>文本内容

内联框架

内联框架可以在一个窗口内嵌入一个子窗口,从而在子窗口中引入一个外部的

页面

frameborder=#> …

开岁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初识HTML

初识HTML一.什么是HTML●HTML 指的是超文本标记语言 (HyperText Markup Language)。超文本:是指页面内可以包含图片、链接、声音,视频等内容标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)●用HTML语言把我们需要显示的内容显示在浏览器上，但是HTML语言本身并不显示•Web浏览器根据不同的HTML标签，解析成我们看到的网页二.HTML的基本语法1.HTML基本结构 <!DOCTYPE html> 声明HTML
复制链接

扫一扫