第一章 HTML

最新推荐文章于 2022-09-27 10:04:58 发布

明明林

最新推荐文章于 2022-09-27 10:04:58 发布

阅读量230

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_39626462/article/details/90446008

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML简单的基础

HTML

前言：怕自己将HTML遗忘，特此将有道笔记搬砖到CSDN中，给自己温故

HTML

HTML超文本标记语言 1993年发布

HTML优势

世界知名浏览器厂商对HTML5的支持
市场的需求，追求web浏览器之间的兼容性
跨平台《移动端和PC端的应用》

W3C 万维网联盟

表示一系列的标准结合结构+表现+行为=网页
W3C标准包括：结构化标准语言（HTML 、XML）、表现标准语言（CSS）、行为标准（DOM、ECMAScript）。
开发工具: WebStrom ，DreamWeaver 、Sublime ，Hbuilder等等

HTML结构

<! DOCTYPE html>  <!--约束HTML文档结构，检验是否符合Web标准-->
<html>
<head   lang=“en”>     <!--表示本页面是英文的。Chrome之类的浏览器会提示是否需要翻译-->
        <mate charset="UTF-8"   >    <!--charset属性表示字符编码集-->
        <mate  name="keywords"   content="关键字">    <!--keyswords表述搜索关键字-->
        <mate  name="description"    content="网站具体的描述">   <!--description属性表示网站内容的具体表述，通过提供搜索关键字和内容描述信息，方便搜索引擎的搜索。-->
    <title>标题</title>  <!--标题-->
</head>
<body>   <!--网页内容-->
       <p>内容</p>
</body>
</head>
</html>

网页的基本标签

标题标签<h1></h1>……<h6></h6> <h1>标题最大 <h6>标题最小
段落标签<p></p>和换行标签<br/> 注意：成对出现的标签叫双标签。表示开始和结束的标签叫单标签
水平线标签<hr/> 没有结束标签表示一条水平线
字体样式标签字体加粗<strong></strong> 带有语义化的标签，强调、加强语气的作用
字体倾斜<em></em>
注释

特殊符号：空格  大于(>) > 小于（<） < 引号(”) " 版权符号（@） &copy

图像标签
<img src=“图片地址” alt=“图像代替文字” title=“鼠标悬停提示文字”width=“图片的宽度” height=“图片高度” />

超链接标签
<a href=“链接地址” target=“目标窗口位置”>链接文本或图像</a> target属性默认_blank(新建窗口打开) 常用值_self(自身窗口)和 _blank(新建窗口打开)
链接地址是指向站外文件和是站内文件，分为绝对路径和相对路径
1.页面间链接：A页到B页。常用于网站导航
超链接的分类 2.锚链接：A页甲位置到A页的乙位置或A页位置到B页的乙位置。
3.功能性链接：在页面中调入其他程序功能。如电子邮件、QQ
锚链接语法：
<a name="maker"> 目标位置乙</a>
<a href="#maker"> 当前位置甲</a>
特殊的锚链接语法：<a href="www.baidu.com"> 百度 </a>

行内元素和快元素的特性：
快元素特性：无论内容多少，该元素独占一行
行内元素特性：内容能够撑开宽度，左右都是行内元素的可以排在一行。

明明林

关注

0
点赞
踩
1

收藏

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

HTML简单的基础HTMLHTML优势W3C 万维网联盟HTML结构网页的基本标签前言：怕自己将HTML遗忘，特此将有道笔记搬砖到CSDN中，给自己温故HTMLHTML超文本标记语言 1993年发布HTML优势世界知名浏览器厂商对HTML5的支持市场的需求，追求web浏览器之间的兼容性跨平台《移动端和PC端的应用》W3C 万维网联盟表示一系列的标准结合结构+表现+...
复制链接

扫一扫