html+css笔记01

2022-03-29

字数统计: 533字 | 阅读时长≈ 1分

什么web?

web是简称, world wide web 广域网互联网,可以理解为网站

什么是web的前端和后端

web前端所要学习的技术

html css javascript

网站和网页

网站就是一堆网页和其它文件的组成

网页的组成

html: 文本输入框按钮图片音频视频………….

css: 给网页起装饰性作用, 字号,位置,颜色,尺寸

javascript:网页的动态效果

浏览器

前端人员推荐使用chrome浏览器, 曾经webkit内核(苹果浏览器的内核),现在用

webkit的一个分支内核,blink内核(渲染引擎),v8引擎(js的引擎)

web标准

结构: html

表现: css

行为: js

w3c(万维网联盟组织)组织制定的

hbuilder使用

创建项目

第一种

第二种

第三种

直接把创建好的文件夹拖到项目管理器中

删除

将项目管理器中的web项目移出,但是在磁盘中还是存在的

html简介

学习html就是在学习标签(标记,元素)

常用标签

doctype: 文档类型声明

html: 网页的根标签,所有其它的标签都被包含

head: 头部标签,配置网页信息

meta: 具体配置信息

charset:字符集设置

title: 标题标签  在浏览器的选项卡中显示的文本
body: 主体标签 所有其它的显示内容的标签都要被包含
h1-h6: 标题标签
p:段落
<!--注释标签-->: 快捷点 ctrl+/
br: 换行标签

标签的分类

1 2	单标签: 例如: <hr/> 在一个标签中结束双标签: 例如: <body></body> 有开始,有结束

标签的关系

1 2	嵌套关系: 祖先和后代之间的关系例如: <body><h1></h1></body> 并列关系: 同级的兄弟关系例如: <h1></h1><h2></h2>

图片标签

路径

同级相对路径

下一级相对路径

上一级相对路径

绝对路径

超链接

内部链接

外部链接

插入图和背景图的区别

本文作者： xubatian
本文链接： http://xubatian.cn/html-css笔记01/
版权声明： 本博客所有文章除特别声明外均为原创，采用 CC BY 4.0 CN协议许可协议。转载请注明出处:https://www.xubatian.cn/

jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true