2. 软件开发
    3. 第一章 HTML

    第一章 HTML

    xiaoxiao2022-07-04  166

    HTML简单的基础

    HTMLHTML优势W3C 万维网联盟HTML结构网页的基本标签 前言：怕自己将HTML遗忘，特此将有道笔记搬砖到中，给自己温故

    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> 注释<!-----注释内容----->

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

    图像标签 <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)