知识总结。

最新推荐文章于 2022-10-04 20:57:19 发布

Qsq_Zpy

最新推荐文章于 2022-10-04 20:57:19 发布

阅读量187

点赞数 1

文章标签：其他

本文链接：https://blog.csdn.net/Qsq_Zpy/article/details/122527058

版权

1.<html>内容<html>
    解释：HTML文档的文档标记，也称为HTML开始标记
    功能：表示网页的开始<html>和结束<ml>

2.<head>内容</head>
    解释：HTML文件头标记，也称为HTML头信息开始标记
    功能：用来包含文件的基本信息，比如网页的标题、关键字，在<head></head>内可以放<title></title>、<meta></meta>、<style><yle>等等标记
    注意：<head></head>当中的内容不会在浏览器当中显示

3.<title>内容</title>
    解释：HTML的标题文件
    功能：网页的主题，显示在浏览器的窗口的左上边！

4.<body>内容</body>
    解释：HTML文档的主体标记
    功能：<body>...</body>是网页的主体部分，在此标记之间可以包含如<p></p>、<h1></h1>、<br>、<hr>等等标记，正是由这些内容组成了我们所看见的网页

二、HTML的基本标签
1、段落标签：
格式：
<p>你要分段的内容</p>
功能：对网页上的文字进行分段
特点：间距比较大
2、换行标签
格式：
你要换行的文字后面直接加标签：<br/>
注意：它是一个单标签

3、居中对齐标签
格式：
<center>你要居中的内容</center>
让段落或者文字能够相对于父标签居中显示

4、标题标签：
格式：
<h1>标题</h1>...<h6>标题</h6>
功能：定义网页中的文字标题
特点：标题标签独占一行
5、字体设置标签：
格式：
<font>要设置的文字</font>
功能：修改文字颜色、字体、大小。
常用属性：
<font szie="12px">老王</font>
<font color ="red">字体改为红色</font>
<font face="微软雅黑">更改文字字体</font>
6、字体加粗/倾斜
<strong>表示强调，通常为粗体字<>
<b>字体加粗</b>

<em>表示强调，通常为斜体字</em>
<i>字体倾斜</i>
7、给文字设置下划线
<u>下划线文字</u>
8.图像标签
网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网页当中插入图片！
1、格式如下：
<img src="图片路径" width="设置图片宽度" height="设置图片高度" border="边框" alt="图片加载不出来显示文字"/>
2、<img/>标签常见属性详解
1.src属性
作用：指定我们要加载的图片的路径和图片的名称以及图片格式
2.width属性
作用：指定图片的宽度，单位px、em、cm、mm
3.height属性
作用：指定图片的高度，单位px、em、cm、mm
4.border属性
作用：指定图标的边框宽度，单位px、em、cm、mm
5.alt属性
作用1：当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字
作用2：如果图像没有下载或者加载失败，会用文字来代替图像显示
作用3：搜索引擎可以通过这个属性的文字来抓取图片

*在HTML中，图像是用 <img> 定义的。（上面8）

它的标签是空的，仅包含属性，而且它没有闭合标签。

<img> 元素向网页中嵌入一幅图像，它有两个必需的属性：第一个是src，它的值是 URL，规定显示图像的URL（网址），第二个是 alt，它的值是 text，规定图像的替代文本。

语法：

<img src="url" alt="text" />

小实例：

<img src="img/v3_hot" alt="The new version of Xiake island is for you" />

三，表格

生成表格会用到以下标签

<table></table>,<tr>行标签设置</tr>,<tr>列标签设置</tr>,<th>表头标签设置</th>

eg：

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>教程</title>
</head>
<!--给表格加样式--->
<style type="text/css">
th {background-color:lightskyblue;color: #255e95}
</style>
<body>
<table border="1" cellspacing="0" >
<caption>工资单</caption>
<tr>
    <th>年份</th>>
    <th>季度</th>>
    <th>姓名</th>>
    <th>工资</th>>
    <th>奖金</th>>
    <th>个税</th>>
    <th>扣除个税工资</th>>
</tr>
<tr>
    <td rowspan="4">2019</td>
    <td>1</td>
    <td rowspan="4">王建民</td>
    <td>28900</td>
    <td>3458</td>
    <td>3988</td>
    <td>21454</td>
</tr>
<tr>
    <td>2</td>
    <td>27366</td>
    <td>3458</td>
    <td>3988</td>  
    <td>21454</td> 
</tr>
<tr>
    <td>3</td>
    <td>27366</td>
    <td>3458</td>
    <td>3988</td>  
    <td>21454</td> 
</tr>
<tr>
    <td>4</td>
    <td>27366</td>
    <td>3458</td>
    <td>3988</td>  
    <td>21454</td> 
</tr>
</table>
</body>
</html>

还有列表等内容

Qsq_Zpy

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
知识总结。

1.<html>内容<html>解释：HTML文档的文档标记，也称为HTML开始标记功能：表示网页的开始<html>和结束<ml>2.<head>内容</head>解释：HTML文件头标记，也称为HTML头信息开始标记功能：用来包含文件的基本信息，比如网页的标题、关键字，在<head></head>内可以放<title></title>、<m...
复制链接

扫一扫