Web 前端——HTML

最新推荐文章于 2023-08-21 16:43:02 发布

jj_w

最新推荐文章于 2023-08-21 16:43:02 发布

阅读量473

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_51748707/article/details/124851179

版权

1.web前端简介

web前端开发是从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

2.HTML

HTML 指的是超文本标记语言，HTML 不是一种编程语言，而是一种标记语言 ，标记语言是一套标记标签 ，HTML 使用标记标签来描述网页。

3.HTML基本结构

一个HTML文件是有自己固定的结构，如下所示：

<html>

<head>...</head>

<body>...</body>

</html>

4.HTML 段落标签

<p>段落 </p>

5.HTML 换行标签

p>This is<br/>a para<br/>graph with line breaks</p>

6.HTML标题

<hx>标题文本</hx> (x为1-6)

7.HTML表格

1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

4、<th>…</th>：表格的头部的一个单元格，表格表头。

5、表格中列的个数，取决于一行中数据单元格的个数。

8.HTML 图片

<img src = "myimage.gif" alt = "My Image" title = "My Image" />

9.HTML表单

1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。

2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

3.method ：数据传送的方式（get/post）。

<form method="post" action="save.php">

<label for="username">用户名:</label>

<input type="text" name="username" />

<label for="pass">密码:</label>

<input type="password" name="pass" />

</form>

10.表单元素-按钮

<input type="submit" value="提交">

type：只有当type值设置为submit时，按钮才有提交作用

value：按钮上显示的文字

jj_w

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web 前端——HTML

1.web前端简介web前端开发是从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。2.HTMLHTML 指的是超文本标记语言，HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签，HTML 使用标记标签来描述网页。3.HTML基本结构一个.
复制链接

扫一扫