HTML

最新推荐文章于 2022-11-17 17:02:42 发布

江南时雨

最新推荐文章于 2022-11-17 17:02:42 发布

阅读量773

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_45441117/article/details/114198459

版权

HTML

通过网上自学前端一段时间了，但是感觉知识不是很牢固。有很多东西学了之后印象不深。现在打算写一些，记录一下。

web标准的三层结构：结构，表现，行为
结构：用于对网页元素进行整理和分类，主要学习HTML
表现：用于设置网页元素的版式、颜色、大小等外观样式，主要学习CSS
行为：指网页模型的定义与交互的编写，主要学习Javascript

什么是HTML：HTML 是一种超文本标记语言（Hyper Text Markup Language），它是一种标记语言不同于编程语言。HTML是一套标记标签，使用标记标签来描述网页。
比如图片标签、连接标签等等所有的html标签都是用<>表示的
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

1.常规元素（双标签）：

<标签名> 内容 </标签名>  比如 <h1> 标题 </h1>

前面的 <标签名> 表示标签作用开始即开始标签—start tag ，</标签名> 表示标签结束的地方一般称为结束标签—end tag。结束标签比开始标签多了一个 “/” 关闭符。

2.空元素（单标签）：

比如 <br> 就是一个单标签  就是没有关闭标签的空元素（<br> 标签定义换行）

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。

3.一些常见的标签：

<hx></hx> (x:1~6) :标题标签  作为标题使用 并且依据重要性递减
<p></p> :段落标签 
<hr/> :水平线标签
<br/> ：换行标签
<div></div> ：div标签 它是一个块级元素  一行只能放一个div
<span></span> : span标签 它是一个行内元素 一行可以放多个span
<img/> : 其中有多个属性  src ：图像的路径
						alt ：文本不能显示时的代替文本
						title ：鼠标悬停在图片上时显示的内容
<link/> : 链接标签  href属性：用于指定链接目标的url地址，（是必须属性）
					target属性： 指定链接打开的方式 其中self为默认值，blank为在新窗口中打开方式

4.锚点定位：
通过创建锚点链接来快速定位到目标内容

（1）首先使用id名标注跳转目标的位置
<h1 id = "title">标题</h1>

(2)使用<a href = "#id名">回到标题</a> 创建链接文本 可以被点击

5.base 标签

<base taregt = "_blank" /> 
base 可以设置整体链接的打开状态，base写到<head></head> 之间 所有的链接 都默认添加 target= "_blank"

6.与格式化文本pre标签

<pre> </pre>标签可以定义预格式的文本
其中的文本通常会保留空格和换行符，而文本也会呈现为等宽的字体
<pre>
	啦啦啦啦
啦啦啦啦啦啦啦
	啦啦啦啦
</ pre>

7.一些特殊字符

在这里插入图片描述
8. 一些关于表格的标签：

<table></table>:表格标签  表格外面的框架
<tr></tr> : 表格行标签  行标签要在table标签内部才有意义
<td></td> : 单元格标签  这是一个容器级元素 可以放任何东西
<th></th> : 表头单元格  也是一个单元格，但里面的文字会居中且加粗
<caption></caption> 表格标题标签  和表格一起且居中对齐
<clospan>和<rowspan> : 可以用来合并单元格

9.列表标签：
（1）、无序列表ul
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记
无序列表始于 ul 标签。每个列表项始于 li 。

注意：

<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或文字是不可以的。
<li>与</li> 之间相当于一个容器 可以容纳所有元素

<html>
<body>

<h4>Disc 项目符号列表：</h4>
<ul type="disc">
 <li>苹果</li>
 <li>香蕉</li>
 <li>柠檬</li>
 <li>桔子</li>
</ul>  

<h4>Circle 项目符号列表：</h4>
<ul type="circle">
 <li>苹果</li>
 <li>香蕉</li>
 <li>柠檬</li>
 <li>桔子</li>
</ul>  

<h4>Square 项目符号列表：</h4>
<ul type="square">
 <li>苹果</li>
 <li>香蕉</li>
 <li>柠檬</li>
 <li>桔子</li>
</ul>  

</body>
</html>

在这里插入图片描述
(2) 有序列表

<!DOCTYPE html>
<html>
<body>

<ol>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
</body>
</html>

在这里插入图片描述
10.form表单域：
收集的用户信息通过form表单域传递给服务器
在HTML中，form标签被用于定义表单域，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。

    <form action="url地址" method="提交方式" name="表单名称">
    各种表单控件
  	</form>

江南时雨

关注

0
点赞
踩
0

收藏

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

HTML——一些标签通过网上自学前端一段时间了，但是感觉知识不是很牢固。有很多东西学了之后印象不深。现在打算写一些，记录一下。web标准的三层结构：结构，表现，行为结构：用于对网页元素进行整理和分类，主要学习HTML表现：用于设置网页元素的版式、颜色、大小等外观样式，主要学习CSS行为：指网页模型的定义与交互的编写，主要学习Javascript什么是HTML：HTML 是一种超文本标记语言（Hyper Text Markup Language），它是一种标记语言不同于编程语言。HTML是一
复制链接

扫一扫