Web前端

  • 第一章  HTML
  •   什么是html

   超文本标记语言,标记也可以称作标签或者元素

目前网络上使用最广泛之一;主要基石

是一个描述性文本,浏览器通过这个描述性文本和呈现网页

之所以被称为超文本语言是因为它拥有所谓得“超级链接”和媒体文件

可以展示文字,表格,声音,图像,动画等等

  • 特点:
  • 简单灵活
  • 可扩展性强
  • 平台无关性(eg:苹果安卓系统都一样)
  • 第二章 环境地配置以及浏览器的介绍
  • 运行环境:有浏览器即可 (推荐Goole)
  • 开发环境:有记事本工具即可
  • 2.1 什么浏览器?

   是渲染和呈现网页的软件

 

  •  head标签中内容一般是浏览器所需要的信息
  • body标签中一般书写的网页的具体内容
  • charset是meta标签属性    定义字符
  • 布尔型标签: 只要写了就自带效果  eg: checked
  • 常用的字符集:gbkGB2312的补充   BIG5繁体中文  UTF-8是通用字符集   GB2312简体中文

 

  • HTML的语法结构
  1. 标签通常是由开始标签和结束标签构成,自结束标签例外
  2. 标签可以有属性,属性必有值
  3. 开始标签和结束标签之间包括的内容成为区域
  4. 标签不区分大小写( <p> </p>)
  5. 行内标签:指他只修饰被包括的内容;不能直接支持宽高属性
  6. 块标签: 沾满一行,即使内容不够,并且支持宽度属性

 

  • 网页的分类
  1. 静态网页:是指不修改源码的前提下,无论何时何地去访问都将显示相同内容  (后缀名通常为html htm)
  2. 动态网页:通过用用户提交的信息给网站,而反馈出的页面结果(后缀名通常为 asp aspx js php)
  • 第三章 HTML的编写
  • 常用标签
  • <head>里的标签
  • <title>……</title>  标题标签(写在<bead>里)
  • <body>里的标签
  • <b>…… </b>   <strong>…… </strong>  粗体标签(加强语气)
  • <i>……</i>   <em>……</em>   斜体标签
  • <del>……</del>  删除线标签(划掉)
  • <u>……</u>   下划线标签
  • ……<br>     换行标签(自结束标签)
  • <p>……</p>    段落空行标签(上下都会)
  • <pre>……</pre>    内容与网页内容保持一致(也就是区域内容什么样就是什么样)格式化内容
  • <span>……</span> (行内标签)  eg<span  style="color:  green:"> 哈哈哈</span>   则显示的”哈哈哈“为绿色
  • <div>……<div>    (块标签)   a<div  style="border:  1px   solid  red;height: 400px;">11111<div> )

 

  • <sub>  下标标签 o<sub>2<sub> 表示氧气化学式
  • <sup>  上标标签  10<sup>5<sup>  表示10的5次方
  • <hr  wrdth="100">
  • <hn>  只有h1-h6   级别逐一降低

  • 标签里可以嵌套标签

     ff表示透明

语义化标签

语音化标签好处

  • 第四章  多媒体标签

4.1  img标签 (image的缩写,代表图片)

  • 常用图片的格式
    • bmp: Windows专有的图片格式,本身不进行压缩,清晰度略略的低于png

  • 第一章  HTML
  •   什么是html

   超文本标记语言,标记也可以称作标签或者元素

目前网络上使用最广泛之一;主要基石

是一个描述性文本,浏览器通过这个描述性文本和呈现网页

之所以被称为超文本语言是因为它拥有所谓得“超级链接”和媒体文件

可以展示文字,表格,声音,图像,动画等等

  • 特点:
  • 简单灵活
  • 可扩展性强
  • 平台无关性(eg:苹果安卓系统都一样)
  • 第二章 环境地配置以及浏览器的介绍
  • 运行环境:有浏览器即可 (推荐Goole)
  • 开发环境:有记事本工具即可
  • 2.1 什么浏览器?

   是渲染和呈现网页的软件

 

  •  head标签中内容一般是浏览器所需要的信息
  • body标签中一般书写的网页的具体内容
  • charset是meta标签属性    定义字符
  • 布尔型标签: 只要写了就自带效果  eg: checked
  • 常用的字符集:gbkGB2312的补充   BIG5繁体中文  UTF-8是通用字符集   GB2312简体中文

 

  • HTML的语法结构
  1. 标签通常是由开始标签和结束标签构成,自结束标签例外
  2. 标签可以有属性,属性必有值
  3. 开始标签和结束标签之间包括的内容成为区域
  4. 标签不区分大小写( <p> </p>)
  5. 行内标签:指他只修饰被包括的内容;不能直接支持宽高属性
  6. 块标签: 沾满一行,即使内容不够,并且支持宽度属性

 

  • 网页的分类
  1. 静态网页:是指不修改源码的前提下,无论何时何地去访问都将显示相同内容  (后缀名通常为html htm)
  2. 动态网页:通过用用户提交的信息给网站,而反馈出的页面结果(后缀名通常为 asp aspx js php)
  • 第三章 HTML的编写
  • 常用标签
  • <head>里的标签
  • <title>……</title>  标题标签(写在<bead>里)
  • <body>里的标签
  • <b>…… </b>   <strong>…… </strong>  粗体标签(加强语气)
  • <i>……</i>   <em>……</em>   斜体标签
  • <del>……</del>  删除线标签(划掉)
  • <u>……</u>   下划线标签
  • ……<br>     换行标签(自结束标签)
  • <p>……</p>    段落空行标签(上下都会)
  • <pre>……</pre>    内容与网页内容保持一致(也就是区域内容什么样就是什么样)格式化内容
  • <span>……</span> (行内标签)  eg<span  style="color:  green:"> 哈哈哈</span>   则显示的”哈哈哈“为绿色
  • <div>……<div>    (块标签)   a<div  style="border:  1px   solid  red;height: 400px;">11111<div> )

 

  • <sub>  下标标签 o<sub>2<sub> 表示氧气化学式
  • <sup>  上标标签  10<sup>5<sup>  表示10的5次方
  • <hr  wrdth="100">
  • <hn>  只有h1-h6   级别逐一降低

  • 标签里可以嵌套标签

     ff表示透明

语义化标签

语音化标签好处

  • 第四章  多媒体标签

4.1  img标签 (image的缩写,代表图片)

  • 常用图片的格式
    • bmp: Windows专有的图片格式,本身不进行压缩,清晰度略略的低于png

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值