热门关键字:
jquery > jquery教程 > jquery教程 > HTML基础知识笔记

HTML基础知识笔记

370
作者:管理员
发布时间:2021/2/27 13:49:36
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4026
  HTML:Hyper Text Markup Language 超文本标记语言


  它是用来描述网页的一种标记语言。


  所谓超文本,有2层含义:


  1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)


  2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件链接(超级链接文本)


  文档类型声明,作用就是告诉浏览器使用哪种HTML版本显示网页。<!DOCTYPE html>告诉浏览器按照HTML5标准解析页面。


  lang指定该html标签内容所用的语言。(1)en定义语言为英语 (2)zh-CN定义语言为中文


  这个属性对浏览器和搜索引擎(百度、谷歌等)还是有作用的


  字符集(characterset)是多个字符的集合,以便计算机能够识别和存储各种文字。


  charset目前最常用的字符集编码方式是UTF-8,基本包含了全世界国家需要用到的字符。


  如果不写可能引起乱码的情况。


  作为标题使用,并且依据重要性递减。


  特点:1.加了标题的文字会变粗,字号也会变大


  2.一个标题独占一行


  在HTML标签中,<p>标签用于定义段落,它可以将整个网页分为若干个段落


  特点:段落和段落之间保有空隙


  在HTML中,如果希望某段文本强制换行显示,就需要使用换行标签<br/>


  特点:1.<br/>是个单标签


  2.<br/>标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距


  HTML中的文本格式化标签,使文字以特殊的方式显示粗体、斜体或下划线等:


  语义


  标签


  加粗


  <strong></strong>或<b></b>


  倾斜


  <em></em>或<i></i>


  删除线


  <del></del>或<s></s>


  下划线


  <ins></ins>或<u></u>


  是没有语义的,是我们网页布局最主要的2个盒子


  <div>标签用来布局,但是现在一行只能放一个<div>盒子


  <span>标签用来布局,一行上可以多个<span>小盒子


  1.图像标签:


  属性


  属性值


  说明


  src


  图片路径


  必须属性


  alt


  文本


  替换文本。图像不能显示


  title


  文本


  提示文本。鼠标放到图像上,显示的文字


  Width</td>


  像素


  设置图像的宽度


  Height</td>


  像素


  设置图像的高度


  border


  像素


  设置图像的边框粗细


  2.路径:


  (1)相对路径:


  相对路径分类


  符号


  说明


  同一级路径


  图像文件位于HTML文件同一级 如<img src=""/>


  下一级路径


  /


  图像文件位于HTML文件下一级 如<img src="" />


  上一级路径


  图像文件位于HTML文件上一级 如<img src="" />


  相对路径是从代码所在的这个文件出发,去寻找目标文件的。


  (2)绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。


  在HTML中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面。


  (1)链接的语法格式:


  两个属性的作用如下:


  属性


  作用


  href


  用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能


  target


  用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式


  (2)链接分类:


  1. 外部链接: 例如 < a href="http://  "> 百度</a >。


  2. 内部链接:网站内部页面之间的相互链接。 直接链接内部页面名称即可,例如 < a href=""> 首页 </a >。


  3. 空链接: 如果当时没有确定链接目标时,< a href=""> 首页 </a > 。


  4. 下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。


  5. 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。


  6. 锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置。


  在链接文本的 href 属性中,设置属性值为 #名字 的形式,如<a href=""> 第2集 </a>


  找到目标位置标签,里面添加一个 id 属性=刚才的名字 ,如:<h3 id="two">第2集介绍</h3>


  <!-- 注释语句 -->


  快捷键是: ctrl + /


  或者 ctrl +shift + /


  注释标签里面的内容是给程序员看的,这个代码是不执行不显示到页面中的。


  添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐