> 웹 프론트엔드 > HTML 튜토리얼 > 静态Web开发 HTML_html/css_WEB-ITnose

静态Web开发 HTML_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:39:58
원래의
1178명이 탐색했습니다.

 

静态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: 在整个浏览器的最顶端(前端)打开

 

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿