前端-one(html)

前端学习:
html
css
js(jQuery)
php
小程序

框架:
–UI框架 bootstrap 实现多终端(PC,手机,平板)页面适配
–前端框架 vue单页面应用 react node

1.没有创建项目的情况下,编辑器通过文件协议打开电脑里的某个文件
2.在创建了项目的情况下,编辑器是创建一个虚拟服务器来运行项目
127.0.0.1:8848
主机名:端口号

代码注释:
解释代码,不会被浏览器解析(翻译)
注释快捷键:
ctrl+/
快速选中单行:
ctrl+字母l
向前缩进:
shift+tab
向后缩进:
tab

html标签语法:
1.<标签名></标签名> 成对标签
2.<标签名 /> 自闭合标签

html标签:
1.html 根标签 成对
2.head/body html基础结构 成对
3.meta 设置网页功能性系列 自闭合
4.title 设置网页标题 成对
5.文字标签
5.1段落标签 p 成对 块级
5.2标题 h1-h6 成对 块级
5.3斜体 i em cite 成对 行内
5.4加粗 b strong 成对 行内
5.5换行 br 自闭合 块级
5.6水平线 hr 自闭合 块级
5.7上下角标 sup/sub 成对 行内
5.8字体标签 font 成对 行内(基本上废弃了)

延申一下:
基础行内标签 span 成对 行内
基础块级标签 div 成对 块级
6.图片标签 img
属性语法:
<标签名 属性名1=“对应属性取值” 属性名2=“对应属性取值”…></标签名>
<标签名 属性名1=“对应属性取值” 属性名2=“对应属性取值”… />

图片标签可用属性:
1.src 取值是文件的路径,路径分三种:
绝对路径,在项目里不用
****相对路径,在项目里最常用, / 代表向下一层文件夹 …/代表向上一层文件夹
网络路径,涉及到知识产权,加载速度,这个尽量不用
2.title 取值是自定义文本,用来描述图片
3.alt 取值是自定义文本,图片未加载时显示的文本
4.width 取值是数字,用来设置宽度
5.height 取值是数字,用来设置高度

html标签类型:
1.块级标签(标记,元素)
独占一行,“霸道”,宽度取决于父级标签的宽度
2.行内标签
可以跟其他的行内标签或者纯文本共占一行,宽度取决于自身内容的宽

标签嵌套:
块级标签作为父元素嵌套行内/块级标签,行内作为父元素嵌套块级很少出现

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值