Heim > Web-Frontend > HTML-Tutorial > 静态Web开发 HTML_html/css_WEB-ITnose

静态Web开发 HTML_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:39:58
Original
1177 Leute haben es durchsucht

 

静态Web开发

一章 HTML(Hyper Text Markup Language)


1节
html入门

HTML
超文本标记语言
由浏览器解释执行
开发人员编写的超文本文档就是网页

XHTML
HTML升级到XML得过度产品
完全兼容HTML4.01
并且具有XML的语法

不区分大小写
头部分是给HTML页面增加一些辅助或属性信息,它里面的内容会最先加载,体部分是真正存放数据的地方


//该文档采用哪种编码集utf-8

能看到我嘛 //不指定编码,乱码;标签不区分大小写

可以使用专业的HTML编译器来编译HTML:
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
对于初学者,推荐使用文本编译器来学习HTML
Editplus,Notepad++

 

2节
字体标签


//size不能指定大小,只能+ -;face指定字体样式;font已经不赞成使用,都是用css

标题标签


...
//六级标签

特殊字符
< <
> >
  空格
" "
® ®
™ ?
& &
© ©

常见的单标记标签:
//显示他们需要转移
常见的双标记标签:

 

3节
列表标签

无序列表

    //circle 空心; disc 实心; square 方形 ----> ul属性中有三个值,用于规定列表的符号,不赞成使用
  • 热门游戏

有序列表

    //数字标签 (a A 1 i I)

定义列表(definition list)


游戏
//definition table
穿越火线
//description描述
lol

部门

...

 

4节
图像标签

静态Web开发 HTML_html/css_WEB-ITnoseboder="3px" //边框
title="鼠标移到的提示文本"
alt="显示不出来时提示" //不同浏览器的版本可能提示不出来,不能超过1024字符
width="200px"
height="300px"
/>


5节
表格标签------------------------------------------------------------------------------------------------------------------------------(*)

//用于格式化数据
//cellspacing="0px" 单元格与相邻单元格之间的距离;collapse ;cellpadding 单元格内容与边框的距离








//多个tbody标签,可以局部控制数据的加载,减少等待时间
...

//与tbody是一样的,在表格的尾部新增一行




...
标题
编号 姓名 年龄
编号 姓名 年龄

常用属性
colspan> rowspan ---合并单元格

 

6节
超链接(hyperLink)

如鹏
target:指定在哪个窗口中打开,有4个值
_blank 在新开的空白窗口窗口中打开链接
_parent:在父级窗口中打开
_self: 在自身页面中打开(默认)
_top: 在整个浏览器的最顶端(前端)打开

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage