前端 概述

Day1

入门: html,全称"Hyper text markup language超文本标记语言"

​ 是对常规文本中的字体、图片、音频视频以及动画等待进行字体大小、颜色、粗细、图片宽高值以及图标logo和标题等等进行渲染

html版本从4.0.1后,变化很大—“分水岭” 现在使用h5版本

doc(文档)type(类型)

<html><head><meta charset="utf-8" /><title>title>head><body>hello,html.body>html>

其中

charset字符集 一个中文对应三个字节浏览器解析页面默认UTF-8中文简体

gbk中国的中文编码表 gb2312:gbk的升级版 包含了gbk中没有的特殊字符,一个中文对应两个字节

ISO-8859-1拉丁文码表,不考虑中文在内 big-5大五码(港澳地区-繁体中文)

ctrl+shift+/ 注释快捷键 提高代码可读性

表格:

border=“”(边框线粗细,不指定则不显示边框)

width/height可以按像素单位,也可以使用整个分辨率百分比为单位

表格操作:行合并:rowspan=“所占格子的数量”

​ 合并列:colspan=“所占格子的数量”

​ background给表格加背景

<table border="" width="" height=""><caption>xxxcaption><tr><td>td><td>td>tr><tr><th>th><th>th>tr>
table>

文本标签:

url链接地址 组成:协议+域名+端口号/具体的服务器路径地址 协议https://协议网络请求协议 ftp协议

以后可能用服务器地址

​ 2)target属性 指定打开另一个资源文件的地址 _slef 当前窗口打开(默认)_blank重新打开新窗口

​ 锚链接

1)创建一个书签:


相当于创建一个跳转链接 可以用id属性来替代name属性,命名锚同样有效

2)在其他位置创建一个跳转链接,从当前位置跳到1)

xx

在不同页面下使用方法同上

1)在另一个html页面中某个位置设置书签


2)在当前html页面中,写下跳转链接

xx

滚动标签marquee 常用属性:滚动方向:direction默认往左 滚动文字速度:scrollamount(滚动文字以像素为单位 一般只写数字值不加px) 滚动方式behavior(默认循环滚动):slide滚动到一边停止 alternate来回交替滚动 scroll循环滚动 滚动时间间隔(滚动延迟)scrolldelay单位毫秒 滚动的范围属性 宽度和高度width和height 背景颜色bgcolor

<marquee direction="" scrollamount="" scrolldelay="" bgcolor="">marquee>
xx公司
项目总监
程序猿

列表标签:有序标签ol 列表项li type=“”(定义列表前面的标记类型 默认1 也可指定a A)

你喜欢的歌手有哪些?
<ol><li>林宥嘉li><li>周杰伦li>
ol>

​ 无序标签ul 列表项li type=“” disc属性默认实心圆点 circle空心圆点 square小正方形,写法同有序标签ol

上下标标签 sup(顶级的 上标)和sub(html中常见的转义字符–xxx版权所有©)

数字表达式--x<sup>2sup>
化学表达式--H<sub>2sub>O

块标签:div(常用div+css层次布局)

自带有换行效果,将任何元素用div包裹起来,形成一个块标签

图像标签

 

这是漫威鹰眼连续美剧

补充面试题:一个html页面中有3个图片,当去访问这个页面时会发送几次请求
给服务器发送几次请求?
四次,html页面一次,每一张图片都通过src属性,加载图片地址url,所以三张图片,三次请求,总共三次


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章