Skip to main content
 Web开发网 » 编程语言 » Python语言

web开发之Html5+Css3第一章:HTML常用标签

2021年11月26日6350百度已收录

  一、 HTML是什么? HTML5又是什么?

  HTML是什么?HTML是目前最流行的网页制作语言。HTML(Hypertext Markup Language)即 超文本标记语言,是用于描述网页文档的一种标记语言。网页的本质就是超级文本标记 语言,通过结合使用其他的Web技术可以创造出功能强大的网页。

  HTML5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示 Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频, 音频,图像,动画,canvas/SVG 地图技术,以及同电脑的交互都被标准化。

  二、 了解html css javascript

  (1)、HTML : “超”文本 标记“语言” ,结构(HyperText Markup Language)——网页基础,结构

  超文本:超级文本

  标记:<>

  语言:沟通交流(打交道)的工具

  双标签:<html></html> <body></body>

  单标签:<meta /> <img />

  (2)、CSS:层叠样式表(Cascading Style Sheets)——修饰、美化网页 (化妆师)

  1.#box{

  2. width : 200px;

  3. height : 200px;

  4. border:8px solid red;

  5.

  6.}

  (3)、js:脚本语言 (Javascript)(行为)——增加动态交互功能 (魔术师)

  1.<div onclick=" this.style.width = '100px'; this.style.height = '500px'; "></div>

  以上css、js不是让大家马上学习,而是让大家了解,知道什么是css、js

  三 常用标签

  div ——————块

  img ——————图片(单标签)

  a ———————链接、下载、锚点

  h1-h6—————-标题

  p ———————段落

  span —————-区分样式

  ul——————–无序列表

  ol——————–有序列表

  li————————-列表项

  dl ——————-定义列表

  dt ————————-定义列表标题

  dd ————————定义列表项

  i ———————定义斜体文字

  strong————–强调(粗体)

  em ——————强调(斜体)trong 标签和 em标签一样,用于强调文本,但它强调的程度更强一些。

  br ———-换行

  hr——————定义水平线

  四、img图片标签详解

  <img original="文件路径" alt="图片名"/>

  img属性

  src -定义图片路径

  width -图片宽度,如果只给了width 没给height,height会自等比例缩放

  height-图片高度,如果只给了height 没给width,width会自等比例缩放

  alt -图片名字 给百度搜索引擎抓取使用(SEO)

  title -标题给用户提示信息(有利于用户体验)

  五、a标签

  a标签功能: 链接 | 下载 | 锚点

  链接: href='url' 中url是一个网页地址

  相对 URL - 指向站点内的某个文件(href=”./index.html”)

  绝对 URL - 指向另一个站点(比如 href=””)

  下载:href=’url’中url链接地址一个软件就会下载

  锚点:href=’#ID名’ 锚点

  target 链接打开方式

  _blank 新窗口(空白页面)

  _self 当前窗口

  <base target="_blank" /> 定义默认网页打开方式

  六、路径

  相对路径 —相对于当前 文档位置出发(推荐使用)

  绝对路径—路径名称不能出现中文

  本地绝对路径:从盘符出发

  D:\a\b\c\d\6.jpg

  网络绝对路径:从域名出发

  注意=>需要跳到上一级要../ 如果要跳两级../../

  七、代码seo方法:

  SEO : 搜索引擎优化

  一、页面标签语义化;

  二、使用对SEO有利的标签: h1/h2/h3/strong/em……

  三、提高页面关键词密度;

评论列表暂无评论
发表评论
微信