前端初学者第一篇

41.编辑器

初学者第一具备的是在自己的电脑上安装程序员编写代码所要使用的工具(.vscode\hbuilder\sublime text3等)

2.什么是网页?

1.网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html)
2.网页生成制作:  有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.
3.HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如 图片标签 链接标签 视频标签等…

3.什么是HTML?

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

4.常见的浏览器

  • IE
  • 火狐
  • 谷歌
  • 苹果
  • 欧鹏
  • 浏览器是网页显示、运行的平台。常用的浏览器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平时称为五大浏览器。

  • 查看浏览器市场份额:百度统计流量研究院

Web的标准


  • Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。

  • 遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:
  1. 让 Web 的发展前景更广阔。 
  2. 内容能被更广泛的设备访问。
  3. 更容易被搜寻引擎搜索。
  4. 降低网站流量费用。
  5. 使网站更易于维护。
  6. 提高页面浏览速度。

Web标准的结构


标准说明
结构结构用于对网页元素进行整理和分类,现阶段主要学习HTML
表现表现用于设置网页元素的版式、颜色、大小等外观样式,主要指CSS
行为行为是指网页模型的定义及交互的编写,现阶段主要学Javascript

HTML语法规则


  1. HTML 标签是由尖括号包围的关键词,例如 <html>。
  2. HTML 标签通常是成对出现的,例如 <html> 和 </html> 
  3. 签。标签对中的第一个标签是开始标签,第二个标签是结束标签。 

有些特殊的标签必须是单个标签(极少情况),例如 ,我们称为单标签

常用标签

标题标签

**标题标签 <h1> - <h6>(重要)**
为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML 提供了 6 个等级的网页标题,即<h1> - <h6> 。
具体实现:
      <h1> 我是一级标题 </h1>
特点:
1.加了标题的文字会变的加粗,字号也会依次变大。
2. 一个标题独占一行。
来!!!左边。。。右边。。。中间:
    <h1>标题一共六级选,</h1>
    <h2>文字加粗一行显。</h2>
    <h3>由大到小依次减,</h3>
    <h4>从重到轻随之变。</h4>
    <h5>语法规范书写后,</h5>
    <h6>具体效果刷新见。</h6>

段落标签

 <p> 我是一个段落标签 </p>

换行标签

  <br />

文本格式化标签

 div和span标签

<div> 和 <span> 是没有语义的,它们就是一个盒子,用来装内容的。
具体实现:
     <div> 这是头部 </div>    
     <span> 今日价格 </span>
特点:
    1. <div> 标签用来布局,但是现在一行只能放一个<div>。 大盒子
    2. <span> 标签用来布局,一行上可以多个 <span>。小盒子

图片标签

在 HTML 标签中,<img> 标签用于定义 HTML 页面中的图像。
具体实现:
      <img src="图像URL" />
解释:
    src 是<img>标签的必须属性,它用于指定图像文件的路径和文件名。
    所谓属性:简单理解就是属于这个图像标签的特性。
图像标签的其他属性:

 

链接标签

 链接的语法格式
    <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
属性:
    1.href:用于指定链接目标的url地址
    2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开
    3.#:空链接

 今天的内容就到这里,想要学习的小伙伴请多关注我!我们一起讨论学习!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值