初入茅庐--网页设计--HTML

最新推荐文章于 2022-03-01 15:16:41 发布

gussu-毛虫

最新推荐文章于 2022-03-01 15:16:41 发布

阅读量283

点赞数 2

本文链接：https://blog.csdn.net/weixin_46897073/article/details/110211423

版权

笔记专栏收录该内容

3 篇文章 1 订阅

订阅专栏

此系列文章为个人学习笔记，可能有许多地方不是很全面欢迎指正。

文章目录

- 网页基础

网页基础

网页设计html现在一般用的框架为—HTML5

html5<!DOCTYPE html>
<html lang="en">
<head> *[<!-- head标签中写的是网页中的一些格式。-->]
    <meta name='description' content = '页面的相关描述'/>
    <meta name='keyword' content='关键字1,关键字2,.......'/>
    <meta charset="UTF-8"/>这里是设置网页的字符编码格式 ，meat标签只在head标签中出现	(这里不确定)
    <title>这是第一个html页面</title>
</head>
<body>
    里面是网页中显示的内容
 </body>
 </html>

常见的字符的编码格式有以下三种：

ISO-8859-1 英文
GB2312 中文
UTF-8

标签的格式是<*></*>这种前后照应的。*指的是用到的标签名称如一级标题标签<h1>内容</h1>

标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

以上是六种标题标签，相当于word文档中的几级标题，1~6分别对应一到六(解释好像有点多余)。

<p></p>           ----标签是段落标签
<pre>               ----格式化标签	
<!--注释内容--> ----注释

非容器标签

<br>    换行标签 
<hr>    线条标签
<pre>  格式化标签

只需要一个标签名即可实现其相应的功能。
因为CSDN编辑器支持，编译HTML的代码，下面为测试：
换行标签测试：

线条标签测试：

殊符号

字体实符空格	&nbsp；
大于号     	    &gt;
小于号	        &lt;
引号	            &quot;
版权符号	    &copy;

字体标签设置(加粗、斜体)

<strong>字体加粗</strong>
测试字体
<em>斜体</em>
测试字体

图片标签

在看语句之前，首先看一下几种图片格式。
常见的图片格式：

JPG  	        较为常用可以压缩
GIF	        支持动画
PNGBMP	不适合用在互联网上显示

图片的语法：<img>也是非容器标签<img src = "path" alt="text" width="x" height="y" />
属性介绍：

src          图片地址  
alt          图像的代替文字（图片未显示时显示的文字)
title        鼠标悬停提示文字
width      图像的宽度
height     图像的高度

图片的路径问题：尽量使用相对路径，可移植性好
../ 表示上一层目录

gussu-毛虫

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
初入茅庐--网页设计--HTML

此系列文章为个人学习笔记，可能有许多地方不是很全面欢迎指正。网页基础网页设计html现在一般用的框架为—HTML5html5<!DOCTYPE html><html lang="en"><head> *[] <meta name='description' content = '页面的相关描述'/> <meta name='keyword' content='关键
复制链接

扫一扫