咨询,就免费赠送域名与服务器,咨询热线:18210983909当前位置: 主页 > 建站知识 > 网站前端开发 > html前端开发知识学习工具 >
内容合作
联系我们
西安SEO网站优化建设公司咨询 建站咨询 西安SEO网站关键词排名优化公司 优化咨询
电话咨询:18210983909
E-mail:15210415824@qq.com
地址: 北京市海淀区尚东数字山谷A区1号楼

重新开始的第一天——HTML基础和CSS基础

作者/整理:SEO网站优化 点击量:次 来源:互联网 日期: 2017-05-10

前端知识体系:html/html5、css/css3、less/sass、bootstrat/Amaze UI、javascript、jquery、ajax、jquery mobile、zepto、angularjs、reactjs、vuejs、nodejs,php、java、mysql/mongodb等

先从基础的HTML+CSS开始回忆

HTML和CSS,通俗的说就是室内装饰物品和装修图。HTML提供各种定义好并且规范化的标签,然后CSS规定这些标签放置位置和方式,如同桌子椅子,挂灯按照装修图如何放置一样。

那有哪些常用的标签和常用的CSS属性呢?

常用的HTML标签有

<html></html> 创建一个HTML文档

<head></head> 设置文档标题和其它在网页中不显示的信息

<title></title> 设置文档的标题 <h1></h1> 最大的标题

<pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字

<i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体

<em></em> 强调文本(通常是斜体加黑体)

<strong></strong> 加重文本(通常是斜体加黑体)

<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值

<BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大

<SMALL></SMALL> 字体缩小 <STRIKE></STRIKE> 加删除线

<CODE></CODE> 程式码 <KBD></KBD> 键盘字

<SAMP></SAMP> 范例 <VAR></VAR> 变量

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 述语定义

<ADDRESS></ADDRESS> 地址标记 <sup></SUP> 上标字

<SUB></SUB> 下标字

<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)

<plaintext>...</plaintext>固定寬度字體(不執行標記符號)

<listing>...</listing> 固定寬度小字體 <font color=00ff00>...</font>字體顏色

<font size=1>...</font>最小字體 <font style ='font-size:100 px'>...</font>無限增大

格式标志标签

<p></p> 创建一个段落 <p align=""> 将段落按左、中、右对齐

<br> 换行 插入换行符 <blockquote></blockquote> 从两边缩进文本 <dl></dl> 定义列表 <dt> 放在每个定义术语词前

<dd> 放在每个定义之前 <ol></ol> 创建一个标有数字的列表

<ul></ul> 创建一个标有圆点的列表 <li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,

若在<ul></ul>之间则每个列表项加上一个圆点

<div align=""></div> 用来排版大块HTML段落,也用于格式化表

<MENU> 选项清单 <DIR> 目录清单

<nobr></nobr> 强行不换行

<hr size='9' width='80%' color='ff0000'>水平線(設定寬度) <center></center> 水平居中

链接标志表格标志

<a href="URL"></a> 创建超文本链接 <a href="mailtEMAIL">

</a> 创建自动发送电子邮件的链接 <a name="name"></a> 创建位于文档内部的书签

<a href="#name"></a> 创建指向位于文档内部书签的链接

<BASE> 文档中不能被该站点辨识的其它所有链接源的URL

<LINK> 定义一个链接和源之间的相互关系

关键词:
零基础用HTML打造自己的专属阅读器 简洁、直观、强悍的前端开发框架 干货来袭:html5应遵循的几个设计原
APP中的 H5和原生页面如何分辨、何 那些令人惊艳的H5页面demo,能让人玩 10个技巧,提高你的H5页面设计!
每日佳软:最有范儿的H5页面制作软 月入10万的H5设计师,经验分享 你不知道的正则表达式,可以让前
觉得javascript学的很好?你来试试这 HTML5一个浪漫的程序猿:3D旋转爱心 web前端淘宝商品图片尺寸切换,B
HTML5炫酷雪花飘落动态网页背景,布 一小时教会你HTML5加js打造一个响应 开源的.NET定时任务组件Hangfire解析
表单Form的submit事件不响应 兼容性的 inline-block 属性 关于XHTML的H1标记的位置
被遗忘掉的button标签 改进网站设计提供的有意的建议 网页教案,针对初学者的教案
通过优化网页页面降低对内存及C HTML是WEB标准开发的中心基础 面向XHTML的IE条件注释
XHTML语言默认的CSS样式 干净的XHTML语法 XHTML常用的结构标签
网页制作有用的代码 innerHTML的认识 基链接标签base的使用介绍
HTML的一些关于颜色方面的参考 你问我答:XML与HTML的区别 带有图片预览功能的上传表单的完
HTML表格标记教程(2):表格的边框属性 网页制作解惑:图象文件的路径 HTML基础:HTML的基本结构
网页输入框的样式触发效果 超链接打开目标(target)的测试 HTML表格标记教程(33):单元格的垂直
HTML表格标记教程(31):单元格的宽度 HTML表格标记教程(32):单元格的水平 HTML表格标记教程(30):单元格的暗边
HTML表格标记教程(28):单元格的边框 HTML表格标记教程(29):单元格的亮边 XHTML教程:针对初学者的XHTML基础