YY前端课1

1. HTML页面主要由声明、头部、主体三部分构成。

2. 头部及其meta标签,以及主体的title标签很重要,对SEO、搜索优化等很重要。

3. 常用的charset编码格式有2种,一种是utf-8,国际通用;一种是gb2312,国内最常用。

4. HTML语言是标记性语言,标签都为语义化标签。

5. 文本格式化的标签:

加粗<b>bold</b>和<strong></strong>,区别是strong的语义为强调。

斜体<i>italic</i>和<em>emphasis</em>,区别是em的语义为斜体。

删除线<s>strike罢工</s>和<del>delete</del>,更新换代,新版本html多用del标签。

上标<sup>上标</sup>和下标<sub>下标</sub>标签。

6. div标签表示一个区块,没有实际语义,属于布局标签。

7. 列表:有序列表、无序列表、自定义列表definition list

自定义列表definition list:定义条件和定义描述

<dl>
  <dt>1定义条件</dt>
    <dd>第一条信息定义描述</dd>
  <dt>2定义条件</dt>
    <dd>第二条信息定义描述</dd>
</dl>

有序列表的项目符号

<ol type="1">12345……</ol>

<ol type="a">abcde……</ol>

<ol type="A">ABCD……</ol>

<ol type="i">小写罗马数字</ol>   i是小写的英文字母i

<ol type="I">大写罗马数字</ol>  I是大写的英文字母I

无序列表的项目符号

<ul type="circle">项目符号为空心圆</ul>

<ul type="disc">项目符号为实心圆</ul>

<ul type="square">项目符号为实心方块</ul>

8. table标签自带三个属性:border边线、cellspacing单元格间距、cellpadding单元格内边距。

9.合并表格的行和列

<td rowspan="合并的行数“></td>  要删除相应的被合并的行的td。

<td colspan="合并的列数"></td>   要删除相应的被合并的列,即同一行的td。

时间: 2024-10-11 21:25:03

YY前端课1的相关文章

YY前端一面二面HR面总结

此时此刻,还在忐忑的等着面试结果,一天就快要过去了,我很想去相信自己,相信旁边的人的赞扬,但缺少那唯一证明的信息,还是有点提心吊胆,真希望明天一起床就能收到那梦寐以求的短信,祝我好运!然后我会激动的跟HR姐姐说,这是我这个月以来听到最好的消息,谢谢!真心希望我有机会说出去,期待! 无论结果如何,我都应该把这次的面试经验记录下来,给自己或是需要的朋友一个参考. #第一面--专业面试# 第一面感觉还不错,面试官王大哥人很好,没有怎么为难我,问的都是很细致的问题,基本我都能道出个所以然. 问:你最满意

YY前端课程4

1. CSS和HTML一样,也是标记语言 2. CSS有三种样式:嵌入样式.内部样式(行内样式)和外部样式(外部样式表) 3. CSS的语法:选择器+{一个或多个样式} 4. 选择器是为了找到html中对应的元素 常用选择器: a. ID选择器,.ID名 b. class选择器,#class名 c. 父子选择器,用>连接父元素和子元素,样式只会作用于第一代子元素 d. 后代选择器,用空格连接父元素和子元素,样式会作用于所有子元素 e. 标签选择器,例 p{样式} ,这里p就是一个标签名 f. 相

YY前端课程5

1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible 2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的) 3. 开放标签(有开始标记和结束标记)和自闭合标签 4. style标签的type属性值,说明遇到type的时候,将以何种方式显示style标签,例:type="text/css"时,就以CSS样式解析style标签 5. CSS的语法:选择器+{1个或多个声明} ,其中 声明=属性:属性值 6. ID选择器作用于最

YY前端课程3

1. 常用的字符实体(html实体):空格=      <=<       >=>       版权符号=© 2. ID就像身份证号一样,是唯一的,html页面的ID不能重复:class是一个集合/数组,可出现多次 3. 网页一般分为头部.主体.尾部三大块,每一大块一般用ID标识,大块里面的内容就随意了 4. div和span的共同点: a. 都没有实际的语义 b. 都是容器 div和span的不同点: a. div是块状元素:span是行内元素 b. div是大容器:span是小

YY前端笔试总结

1.一个元素float以后,为什么要清除浮动?清除浮动的方法有哪些? 浮动确实是经常用,也知道清除浮动的必要性,但要我道个所以然,还是得绞尽脑汁.我个人的理解是,当一个元素float以后,就脱离正常的文档流,高度塌陷,也就是浮动元素原来的占位空间就消失了,那么紧跟着的元素的宽度就会占据浮动元素的位置,好像浮动元素不存在似的.那么疑问就来了,如果紧跟着的元素没有任何的清除浮动行为,但是感觉好像认的浮动元素一样,给他让出空间,请看: <span style="font-size:18px;&q

前端笔试总结

一.HTML和CSS 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit,Google与Opera Software共同开发) 2.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? <!DOCTYPE> 声明位于文档中的最

前端小白要搞懂什么是HTML,看这一篇就够了

本文是<HTML5与CSS3基础语法自学教程>的第一篇,首发于[前端课湛]微信公众号. 导读:本小节主要讲解 HTML 的基本信息,其中包含 HTML 概念.HTML 发展历程和 HTML 标准版本的发展历程.通过本小节的学习可以对 HTML 的含义有个初步的理解,为后续进一步学习 HTML 相关概念打下基础. 1. 什么是 HTML HTML 是个缩写形式,其全称为 Hyper Text Markup Language,翻译成中文的含义为 超文本标记语言.HTML 不是一门编程语言,而是一门

html相对定位绝对定位

孔子说:"温故而知新,可以为师矣."这几天参加了一个免费的前端课,每天晚上都有直播,讲解一个独立的案例.在听前端基础的时候,发现自己有不少东西没学会,平时在学校虽说html也写了不少,但有好大一部分都被忽略掉了.就在刚才看了一个基础案例,很是有共鸣,一个简单的轮播图,牵扯到的东西实在是多.不得不说,专业的就是专业的. 好了,废话不多说,直接上干货.经常做页面渲染的筒子可能会遇到的一个问题,position的相对定位和绝对定位.这个问题看似很简单,不就是一个定位嘛,有什么的?别急,我们慢

作为一个前端工程师,CSS是最基本的入门课,你都能做出来吗?

CSS在很多程序员看来那只不过是雕虫小技, 实际上CSS3发展到今天已经强大到超乎你的想象, 当然对于低端浏览器使用者来说,还是以前那样——囧 有时候搞CSS开发确实需要很多想象力,下面一组纯CSS3特效足以描述这一点 以下内容转载自[http://design.yesky.com/show/466/11497966_3.shtml] 设计欣赏:纯CSS3「绘制」的图形图标 IE 标志 作者: Andreas Jacob 在 Firefox 3.6+ 以及Safari 5 上显示最佳.使用了圆角