前端（HTML）

2301_78148870

已于 2023-05-23 19:41:45 修改

阅读量78

点赞数 1

文章标签：前端学习 html

于 2023-05-14 15:50:26 首次发布

本文链接：https://blog.csdn.net/2301_78148870/article/details/130669283

版权

1.Web标准的构成

主要包括结构、表现和行为三个方面。

结构：对网页元素进行整理和分类。（HTML）

表现：设置网页元素的版式、颜色、大小等外观样式。（CSS）

行为：指网页模型的定义及交互的编写。（JavaScript）

结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。

2.HTML语法规范

2.1基本语法

HTML标签是由尖括号包围的关键词，如<html>。

HTML标签通常成对出现，如<html></html>,称为双标签。

有些必须为单个标签，如<br/>，称为单标签。

2.2标签关系

包含关系和并列关系。

3.HTML基本结构标签

<html></html>：HTML标签，网页中最大的标签，跟标签。

<head></head>:文档的头部，在head标签中必须设置titile标签。

<titile></titile>:文档的标题，让页面有网页标题。

<body></body>:文档的主体，网页内容放在body。

HTML文档后缀名必须为.html或.htm。

4.HTML常用标签

4.1标题标签<h1>-<h6>

例：<h1>我是一级标签</h1>

4.2段落标签和换行标签

例：<p>段落标签</p>

<br />换行标签

4.3文本格式化标签

加粗：<strong></strong>或<b></b>

倾斜：<em></em>或<i></i>

删除线：<del></del>或<s></s>

下划线：<ins></ins>或<u></u>

4.4<div>和<span>标签

<div>：一行一个div。

<span>：一行可以多个。

4.5图像标签和路径

例：<img src=“ ” alt=“ ” title=“ ” width=“ ” border=“ ”/>

src：图片路径。

alt：图片显示不出来，显示文字。

title：鼠标放到文本上，显示文字。

width：设定图片宽度。

heigh：设定图片高度。

border：设定图片边框。

注：width和height一般只写一个。

相对路径：相对于本html文件的位置。

同一级，例：<img src=“baidu.gif”/>

下一级符号为 / ，例：<img src=“images/baidu.gif”/>

上一级符号为 ../ ，例：<img src=“../baidu.gif”/>

绝对路径：通常指从盘符开始的路径。

例：“D:\web\img\loge.gif”或网络地址“http://www.itcast.cn.images/loge.gif”

一般用网络地址。

4.6超链接标签

链接语法：<a href=“跳转目标” target=“目标窗口弹出方式”>文本图片</a>

_self：当前窗口打开。

_blank：新窗口打开。

空链接：herf=“#”

下载链接：herf=“img.zip”

网页元素链接：<a href=“http://www.itcast.cn.images/loge.gif”><img src=“baidu.gif”/> </a>

锚点链接：在链接文本中:<a herf=“#two”>第二季</a>

在目标位置标签:<h3 id=“two”>第二季介绍</h3>

4.7注释标签和特殊字符

注释标签：，快捷键：ctrl + /

        空格符：&nbsp；

        小于号：&it；

        大于号：&gt；

4.8表格标签

<table></table>定义表格的标签

<tr></tr>定义行的标签，必须在<table></table>中

<tb></tb>定义单元格，必须在<tr></tr>中

<th></th>表头标签

<thead></thead>定义表格头部

<tbody></tbody>定义表格主体

跨行合并：rowspan=“合并单元格格数”

跨列合并：colspan=“合并单元格格数”

4.9列表标签

无序列表：<ul></ul>和<li></li>，ul中只能有li，li中可以有所有元素

有序列表：<ol></ol>和<li></li>，ol中只能有li，li中可以有所有元素

自定义列表：<dl></dl>、<dt></dt>和<dd></dd>，dl中只能有dt和dd，dt和dd中可以有所有元素

4.10表单标签

表单域：<form action="url地址" method="提交方式" name="表单域名字">

各种表单元素

</form>

<Input/>输入表单元素：<input type=“ ” />收集用户信息

单选按钮要有一个相同的name，多选按钮也是。

value规定元素的值

checked规定首次加载应当选中

for属性应与相关元素id属性相同

<select>下拉表单元素：

例：<select >

</select>

<textarea>表单元素：

例：<textarea>

文本内容

</textarea>

2301_78148870

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫