菜鸟0基础开始学习web前端之html

HTML-day01 主体思路

web 三大标准构成:

结构:html(由标签组成)、样式(表现):CSS、行为:Js(JavaScript网页模型定义及交互编写)。

  1. 网页由:图片、链接、文字等元素组成[标签元素→css渲染]。
  2. Browser 内核:Chrome webkit bink。
  3. 渲染引擎:htmlcss渲染到页面 / Js引擎:解析JavaScript。
    .
    为什么遵循 web标准?
    because:由于不同浏览器解析出来效果不一致,浏览器(B)内核不同,编写代码就有差异化,W3C组织为了规范化,统一了web标准(各大B必须遵循这个规则)。

html:超文本标记语言:(Hyper Text Markup Language)描述网页的一种语言。

标签分类:

  • 常规元素(双标签) eg:<div></div>
  • 空元素(单标签) eg:<br/> 、<hr/> 、<img/>

关系:
1.嵌套关系:[父子关系] 子元素缩进一个tab键
2.并列关系:[兄弟关系] 上下对齐

字符集:
<meta charset ="UTF-8"/ >(全国通) GKB包含全部中文字符

标题标签 h 、 段落标签 p 、水平线 hr 、 换行 br

标签语义:让结构更清晰(标签语义=标签目的) ,利于搜索引擎
strong粗体bem斜体idel加删除线sins加下划线u //前者语义更强烈,Xhtml使用前者

div标签:用来布局,一行只能放一个div
span标签:用来布局,一行能放多个span
div、span 没有语义,网页布局只要的2个盒子

图像标签:<img src ="图片路径" alt=" " title =" "/>
<img/>标记属性 scr 图片的路径 alt 替换文本: 图片不能正常显示就显示文字

title提示文本 :把鼠标放到图片上,显示的文字 width宽 height高 border边框

扫描二维码关注公众号,回复: 6214531 查看本文章

链接标签:

<a href ="跳转目标"  target="目标窗口的弹出方式">  文本或图片</a>

【用于指定链接页面打开方式 _self默认 _blank 新页面】

**注释标签:** ctrl+/ 或者 ctrl+shift+/ <!-- -->

ctrl+F 全文搜索 空格&nbsp

路径分两种:

相对路径:相当于当前文件所在位置开始查找,同一级目录下 :文件名 或者 ./文件名

绝对路径:(在电脑上的真实路径)文件绝对网络地址可用(url) ,下一级目录下/文件夹名/文件名

上一级目录:…/ 两级

**

拓展:

**XML 格式的文件 拓展性标记语言 能够兼容平台 Json 字符串
描点定位: 通过创建描点链接,用户能够快速找到目标内容
base标签:统一定义跳转形式 <base target="_blank"> , 写到<head> </head>中间

eg:  <head>   <base target="_blank">    </head>

 预文本格式化标签:pre
 保留标签所有内容,不会过滤和换行空格。   空格:&nbsp         &It小于      &gt大于    

猜你喜欢

转载自blog.csdn.net/ChXwww/article/details/89509634