首页 / 知识
前端学习指南,你一定要来看看(HTML篇)
2023-04-11 14:39:00
首先是HTML css基础课程,从HTML开始的话,也得分很多很多的小分类,你要知道html和css样式的关系,以及html标签、html文件结构、head标签,还有在html中的注释代码的作用。
再就是认识各种标签,<body>标签,网页上显示的内容放在这里, <p>标签,添加段落,了解<hx>标签,为你的网页添加标题,加入强调语气,使用<strong>和<em>标签,使用<span>标签为文字设置单独样式, <q>标签,短文本引用, <blockquote>标签,长文本引用,使用<br>标签分行显示文本,为你的网页中添加一些空格, 认识<hr>标签,添加水平横线, <address>标签,为网页加入地址信息,加入一行代码,使用<code>标签, 使用<pre>标签为你的网页加入大段代码,使用ul,添加新闻信息列表,使用ol,添加图书销售排行榜,认识div在排版中的作用,给div命名,使逻辑更加清晰, table标签,认识网页上的表格,用css样式,为表格加入边框,caption标签,为表格添加标题和摘要,使用<a>标签,链接到另一个页面,使用mailto在网页中链接Email地址,认识<img>标签,为网页插入图片。
![]()
前端学习指南,你一定要来看看(HTML篇)
我们平常都会在网络上浏览各个页面,现在的很多网站都是需要登录的,而表单就可以起到这样一个作用,如果没有表单,比如买东西的网站,你就没办法去买东西。而把表单学习好了,就可以制作出用户登录、注册的页面。更复杂的一些也是根据这些基础所延伸出去的。
然后就可以接触css了,css是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。首先你得认识css的样式,然后了解清楚样式的优势,比如样式定义丰富,易于使用和修改,可多页面应用,层叠,页面压缩。再了解css的代码语法与注释代码。
关于css有三种方法:内联式css样式、嵌套式css样式、外部式css样式。关于css样式的位置及相关的优先级了解清楚,为后面的css样式具体学习可打下基础。
学习css选择器,css选择器也分为很多种:标签选择器、类选择器、ID选择器、子选择器、包含选择器、通用选择器等等。
css的一些概念是需要深刻理解的:继承、层叠和特殊性。
css的格式排版就跟我们所了解的word文档里面的文字段落格式有异曲同工之妙,当这些功能了解清楚后,怎么排版好看大气,还是看个人的一个审美、灵感了。
css盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。
css的布局模型:流动模型、浮动模型、层布局模型
然后了解单位和值,颜色值,长度值。
虽然css文件或者嵌入的css都纯文本文件,为了减少css样式代码的编写量,代码缩写是很有必要的。这样可以使用户访问你的网页的时候占用更少的带宽。
当这些都能掌握之后的自行摸索是必不可少的,多探究多思考,下一个前端大牛就是你。
|
最新内容
相关内容
python网络编程及前端常见问题
python网络编程及前端常见问题,数据,服务,分析,培训,状态,前端,区别,服务器,常见问题,上面,当我们学习Python时,需要掌握的的知识有很多,除了有pythonpython是前端语言吗?
pythonpython是前端语言吗?,代码,互动,培训,平台,标准,设计,语言,前端,语法,解释性,python语言属于后端开发语言。Python是一个高层次的结合pythonfinal作用域的代码一定会被
pythonfinal作用域的代码一定会被执行吗?,代码,培训,异常,流程,作用,函数,上面,以上,需求,发生,python在正常的情况下,finally作用域的代码一关于 bash:如何将 Markdown 文档批
关于 bash:如何将 Markdown 文档批量转换为 HTML?,关于 bash:如何将 Markdown 文档批量转换为 HTML?,文档,文件,并为,创建一个,How can I关于C ++:我无法让调试器停止发生首
关于C ++:我无法让调试器停止发生首次机会异常的中断,关于C ++:我无法让调试器停止发生首次机会异常的中断,设置,调试程序,chance,exc关于asp.net mvc:如何在MVC中使用Ht
关于asp.net mvc:如何在MVC中使用HtmlHelper获取呈现的自定义ID,关于asp.net mvc:如何在MVC中使用HtmlHelper获取呈现的自定义ID,表单W3C XHTML/CSS 验证在完成工作时有
W3C XHTML/CSS 验证在完成工作时有多重要?,W3C XHTML/CSS 验证在完成工作时有多重要?,验证,运行,这是,是在,How important is W3C XHTM关于浏览器:使用收藏夹图标的首选方
关于浏览器:使用收藏夹图标的首选方式?,关于浏览器:使用收藏夹图标的首选方式?,网站,图标,转储,根目录,Preferred way to use favicons?关于svn:你如何处理源代码管理中的
关于svn:你如何处理源代码管理中的配置文件?,关于svn:你如何处理源代码管理中的配置文件?,配置,文件,开发人员,应用程序,How do you deal使用 MS Access 作为 MySQL 数据库
使用 MS Access 作为 MySQL 数据库后端的前端的问题?,使用 MS Access 作为 MySQL 数据库后端的前端的问题?,数据库,用户,文件,编写,Iss如何在FogBugz维基页面中创建HTML
如何在FogBugz维基页面中创建HTML锚点?,如何在FogBugz维基页面中创建HTML锚点?,基页,链接,我想,单是,How do I create an HTML anchor关于html5:是否有理由不开始使用HTM
关于html5:是否有理由不开始使用HTML 5文档类型?,关于html5:是否有理由不开始使用HTML 5文档类型?,新功能,支持,尚不,兼容,Any reason no