Heim >Web-Frontend >HTML-Tutorial >html和css基础_html/css_WEB-ITnose
html和css基础_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:32:411442Durchsuche
背景:
最近公司开发BS架构的项目,公司主要业务也不是做BS开发的,没有项目经理,没有美工,没有前端,界面丑的不要不要的,哈哈哈
然后咧,使用asp.net用着用着,技术老大觉得界面怎么可以这么丑,不行换一个,换了一个叫devexpress的插件,这玩意用着是好看,可是相关的资源挺少的,查国外的资料也是很麻烦,新疆的网挂代理也慢的不行,而且大学的时候,网页设计的知识都还给老师了,导致好多js代码看不懂,还有AJAX回调机制是什么鬼,好像叫什么异步刷新啥玩意,这个devexpress控件还是挺麻烦的,学这个东西首先要html+css+JavaScript的基础是吧,那就学呗.
现在已经差不多明白了html+css的基础内容,这里做一些总结,以备未来查阅使用.
1.展示信息的html元素
<html><head> <title>常用元素标签</title> <style type="text/css"> /*CSS样式一般写在这儿,这是CSS注释*/ body{ color:red; } </style></head><body> <!-- html中的注释格式 --> <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级标题</h6> <em>斜体文字(一般歪果仁强调语义的字体)</em> <br /><!-- 换行符(空标签) --> <strong>粗体文字(一般中果仁强调语义的字体)</strong> <p>段落</p> <q>简单的引用</q> <blockquote>对长文本引用,左右会有缩进的效果</blockquote> <span>没有语义,用于表示特殊的样式</span> <!-- html代码忽略回车,以及1个以上的空格,多个空格应使用" ",例子如下 --> <p>没想到输入 空格 这么麻烦,23333</p> <hr /><!-- 不华丽的分割线(空标签) --> <address>电子邮件,住址,签名,文档的作者身份</address> <code>加入一行代码,var = "hello world";</code> <!-- pre元素,保留语言代码段,保留空格,回车,例子如下 --> <pre class="brush:php;toolbar:false"> foreach(var item in strArray){ Console.writeLine(item); }
- ul-li,无序的信息列表
- ul-li,无序的信息列表
- ol-li,有序的信息列表:1
- ol-li,有序的信息列表:2
| 名字 | 爱好 |
|---|---|
| 彭彭 | 吃 |
| 丁满 | 跳舞 |
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：HTML-标签与表格 、框架_html/css_WEB-ITnoseNächster Artikel：web移动端前端构建（含样式布局，纯净版不含其它样式框架）_html/css_WEB-ITnose