html标签1.pptVIP

讲师简历 姓名：孙燕斌 河南省网络营销协会高级网站设计师，从事互联网设计策划工作多年，经验丰富、能力全面。 作品涉及婚庆、矿业、装饰、新闻媒体等多个领域，善于挖掘分析客户需求、思维灵活独特，对企业建站运营及行业门户网站设计策划有非常成熟的经验。 曾就职于郑州霓裳广告有限公司、河南锐之旗信息技术有限公司等。 那些年,我们一起追过的HTML 主讲人：孙燕斌 如果把一个网页比作一栋楼房，div就是楼房的框架结构，一个个的砖头就是一个个的标签元素（如图片img，文字），CSS就是水泥和玻璃，把砖瓦合理的跟框架连接在一起。 DIV＋CSS 是布局的一个方法，就是像盖房子的方法一样。 JS其实就是给房子安装了电梯、中央空调，使房子更美、更完善，当然没有他房子也可以正常使用。 HTML+CSS+JS经典比喻 HTML页面代码基础 html head title测试页面/title /head body div测试div内容/div p测试段落内容/p .....其他标签a、img /body /html Html是一种语言。语言是用来交流的。 命令人需要说人话；命令计算机就要说计算机指令；跟浏览器交流就需要用html这门语言。 网页想显示成什么效果，颜色是绿的还是红的，文字是白的还是黑的，就需要给浏览器传文书，这个文书就是用html写的。 写这种文书需要使用的工具（笔和纸） 笔——dreamweaver 软件/notepad记事本 纸——.html/.htm/.xhtml文件 Index.html index.htm HTML 元素 HTML 文档是由 HTML 元素定义的。（语言里的一句话） HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 例子： pThis is my first paragraph./p br/ HTML属性 Html属性 (这句话的组成、语气、发音) HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 例子： div id=“first” class=‘box’元素内容/div a href=‘’百度/a body bgcolor=yellow?/body HTML标签 常用标签： 标题h1/h1 h2/h2 h3/h3 段落p/p 文本格式化标签strong/strong b/b i/i u/u sup/sup 样式style/style link/ 链接a href=“”/a 图片img src=“a.jpg”/ 表格table/table tr/tr td/td th/th 列表ol/ol ul/ul li/li dl/dl dt/dt dd/dd 块元素div/div 行内元素span/span 表单form/forminput/ select/select 框架frameset/frameset frame/frame 内联框架iframe/iframe !DOCTYPE 声明 头部head/head title/title meta/meta 脚本script/script HTML标签 标题h1/h1 标题（Heading）是通过 h1 - h6 等标签进行定义的。 说明这个网页的主标题，副标题 默认情况下展现出来的样式依次变小，当然你可以重定义他们的显示效果 例子： h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 HTML标签 段落p/p 换行br/ 浏览器会自动地在段落的前后添加空行。 例子： p大家好br /我们在br /网络营销协会学习。/p HTML标签 文本格式化标签 b定义粗体文本。 big定义大号字。 em定义着重文字。 i定义斜体字。 small定义小号字。 strong定义加重语气。 sub定义下标字。 sup定义上标字。 直接看例子 HTML标签 样式标签 style/style 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。 1. 外部样式表link rel=“stylesheet” type=“text/css” href=“mystyle.css”/ 2. 内部样式表 style Div{background-color:red} /style 3. 内联样式p style=“color:red”this is con