威斯尼斯人娱乐官方网站登录
Mou Mou Jidian Generator
发电机维修 发电机回收
发电机出售 发电机租赁
客户统一服务热线

047-74308488
12992334529

您的位置: 主页 > 新闻中心 > 行业新闻 >

初学web前端的条记总结

本文摘要:Html和css的关系:css是修饰HTML样是的,HTML+css是组成网页的基本页面结构及样式。第一章:HTML5的先容1、标签是由英文状态下 两个尖括号组成的。2、html中的标签一般都是成对泛起的,离开始标签和竣事标签。 竣事标签比开始标签多了一个/。3、标签与标签之间是可以嵌套的,可是先后顺序必须保持一致。4、HTML标签不区分巨细写,一般接纳小写。 5、head标签:head标签为双标签,通常嵌套meta、title、style标签使用。

威斯尼斯人娱乐官方网站登录

Html和css的关系:css是修饰HTML样是的,HTML+css是组成网页的基本页面结构及样式。第一章:HTML5的先容1、标签是由英文状态下< >两个尖括号组成的。2、html中的标签一般都是成对泛起的,离开始标签和竣事标签。

竣事标签比开始标签多了一个/。3、标签与标签之间是可以嵌套的,可是先后顺序必须保持一致。4、HTML标签不区分巨细写,一般接纳小写。

5、head标签:head标签为双标签,通常嵌套<meta>、<title>、<style>标签使用。6、body标签:网页中所展示的内容全部放在body标签中。第二章:HTML5语义化标签2-1语义化明确每个标签的用途(在什么情况下使用此标签合理)好比,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中等等。

语义化标签的利益:1. 更容易被搜索引擎收录。2. 更容易让屏幕阅读器读出网页内容。

威斯尼斯人娱乐官方网站登录

2-2段落标签-p标签语法:<p>段落文本</p>注意:在网页上显示文章,就把文章放在p标签中。有几多个段落就放几多个p标签。2-3 自界说文字样式-span标签语法:<span>文本</span>注意:这个标签是没有语义的,它的作用就是设置单独的样式。

2-4标题标签-hx标签语法:<hx>标题文本</hx>(x为1-6)注意:标题标签一共有6个,h1,h2,h3,h4,h5,h6,划分为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。而且依据重要性递减。<h1>是最高的品级。

因为h1标签在网页中比力重要,所以一般h1标签被用在网站名称上。2-5 自界说块-div标签语法:<div>......</div>注意:在网页中独立的栏目板块就是一个典型的逻辑部门,每个逻辑部门可以单独放在div标签中,div标签相当于一个容器。

威斯尼斯人娱乐官方网站登录

2-6在body中用<header>标签来界说头部;<footer>标签来界说底部;<section>标签用来界说正文的区域;<aside>标签,界说一个侧边栏区域。第三章:HTML5效果标签文本中需要换行的地方使用<br/>标签,<br />标签作用相当于word文档中的回车; 代表一个空格;<hr/>标签代表水平支解线。

<hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有竣事标签。第四章:HTML5列表标签4-1无序列表-ul-li标签语法:<ul><li>信息</li><li>信息</li><li>信息</li>....................</ul>注意:ul-li是无序列表标签,ul-li是没有前后顺序的,在网页中默认每项li前显示的是一个小圆点。4-2 有序列表-ol-li标签语法:<ol><li>信息</li><li>信息</li><li>信息</li>....................</ol>注意:ol-li标签是有序列表标签,是用前后顺序的,在网页中默认每项li前从1开始显示。

第五章:HTML5图片,链接及表格标签5-1 添加图片标签-img标签语法:<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">解说:1、src:标识图像的位置;2、alt:指定图像的形貌性文本,当图像不行见时(下载不乐成时),可看到该属性指定的文本;3、title:提供在图像可见时对图像的形貌(鼠标滑过图片时显示的文本);4、图像可以是GIF,PNG,JPEG花样的图像文件。5-2添加超链接-a标签语法:<a href="目的网址" title="鼠标滑过显示的文本">链接显示的文本</a>5-3 a标签target属性,可选值为”_self和_blank”,默认值为_self,代表在当前页面打开链接,_blank代表在新窗口打开链接。5-4制作表格标签-table标签解说:建立表格的四个元素:table、tr、th、td1、<table>…</table>:整个表格以<table>标志开始、</table>标志竣事。2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

3、<td>…</td>:表格的一个单元格,一行中包罗几对<td>...</td>,说明一行中就有几列。4、<th>…</th>:表格的头部的一个单元格,表格表头。5、表格中列的个数,取决于一行中数据单元格的个数。

6、border属性可以为表格添加边框,属性值为数字。注意:1、table标签用来界说整个表格,为双标签,必须有竣事标签。

2、table标签内里可以。


本文关键词:威斯尼斯人娱乐官方网站登录,初学,web,前端,的,条记,总结,Html,和,css,的,关系

本文来源:威斯尼斯人娱乐官方网站登录-www.bj-bcm.com

Copyright © 2005-2022 www.bj-bcm.com. 威斯尼斯人娱乐官方网站登录科技 版权所有  ICP备案:ICP备90144662号-6