网页编程之HTML常用知识点总结（一）

最新推荐文章于 2023-02-26 10:53:24 发布

Farewell is well

最新推荐文章于 2023-02-26 10:53:24 发布

阅读量240

点赞数

分类专栏：网页编程文章标签：网页编程基础知识常用

本文链接：https://blog.csdn.net/RugalEclipse/article/details/99684549

版权

网页编程专栏收录该内容

3 篇文章 0 订阅

订阅专栏

网页编程之HTML常用知识点总结（一）

1.1 相关概念概念

以下三者被称为互联网三大基石

1.1.1 HTML

HTML（Hyper Text Markup Language）:超文本标记语言

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML标签

HTML 标签是由尖括号包围的关键词
HTML 标签通常是成对出现的
标签中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

1.1.2 HTTP

HTTP（Hyper Text Transfer Procotol）：超文本传输协议

1.1.3 URL

URL（Uniform Resource Location）：统一资源定位符

1.2 HTML的基本结构

<!DOCTYOE html>
<html>
    <head>
        
    </head>
    
    <body>
        
    </body>
</html>

1.3 head标签的子标签

<meta charset="utf-8" /> //设置网页字符集为UTF-8
<title>网页标题</title>	//网页标题

<!-- 搜索引擎优化-->
<meta name="author" content="" />	//网页作者
<meta name="description" content="" />	//网页描述
<meta name="keywords" content="" />	//网页关键词

<!-- 5秒后自动跳转到baidu -->
<meta http-equiv="refresh" content="5;http://www.baidu.com" /> 

<!-- 禁止网页缓存 -->
<meta http-equiv="Pragma" content="no-cache" /> 
<meta http-equiv="Cache-Control" content="no-cache" /> 
<meta http-equiv="expires" content="0" />

1.4 body标签的子标签

1.4.1 基本标签

<!-- 标题标签一共有六级，自动加粗加黑 -->
<h1 align="right">一级标题</h1> //align用于调整对其方式，默认为left
<h2>二级标题</h2> 
<h3>三级标题</h3> 
<h4>四级标题</h4> 
<h5>五级标题</h5> 
<h6>六级标题</h6>

<hr/> //分割线标签 可指定width（长度）、color（颜色）、align（对齐方式）、size（垂直方向大小）
<p></p> //段落标签
<br/> //换行标签
<pre></pre>//预文本标签按照指定格式输出
<u></u> //下划线标签
<i></i>	//斜体标签
<b></b>	//加粗标签
<del></del> //删除线标签
2<sup>3</sup> //上角标标签
log<sub>7</sub> //下角标标签
<small>北京尚学堂</small> //字体变大
<big>北京尚学堂</big>	//字体变小
<font color="red" size="25px" face="宋体">文字</font> //字体标签
//有序列表
 <ol type="I"> 
   <li>javaSE</li> 
   <li>javaEE</li> 
   <li>javaME</li> 
 </ol>
//无序列表
 <ul type="square"> 
   <li>javaSE</li> 
   <li>javaEE</li> 
   <li>javaME</li> 
  </ul>
//自定义标签
  <dl> 
   <dt>java</dt> 
   <dd>javaSE</dd> 
   <dd>javaEE</dd> 
   <dd>javaME</dd> 
  </dl>
//跑马灯标签
<marquee direction="right" scrollamount="40px">跑马灯</marquee>

Farewell is well

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
网页编程之HTML常用知识点总结（一）

网页编程常用知识点总结（一）1.1 相关概念概念以下三者被称为互联网三大基石1.1.1 HTMLHTML（Hyper Text Markup Language）:超文本标记语言HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup ...
复制链接

扫一扫