HTML基础入门(总结)shareJava

一、HTMl是什么？

1.html的概述
html是一种超文本标记语言，标准通用标记语言下的一个应用。是由标签所组成的语言，就是通过标签标记，来展示超文本效果
超文本标记语言的结构包含：头部(Head)、内容体(body),"头部"提供网页的信息，"内容体"提供网页的具体内容。
"超文本"是指页面内可以包含：图片、链接、音乐、程序等非文字元素。
"标记语言"是使用标签的方法将需要的内容包括起来。

2.html的特点？
html源码不需要编译，直接使用游览器进行解析执行。
html文本的扩展名"*.html"或".htm"(过去式命名规范)
标签名预先设定好的，可以直接使用
标签名不区分大小写，规范使用小写
通常下"标签"由开始标签和结束标签组成。如<a></a>
如果没有结束标签以/结尾。空标签，没有内容体<img/>

3.组成部分
html的机构是由标签组成。
标签总览：
字体标签:<font>属性:size、color
表格标签:<table>属性: border 表格边框的宽度,width 表格的宽度,align 表格对齐方式,取值：left左，rigth右，center居中。cellpadding 单元边沿与其内容之间的空白。通常设置 0,cellspacing 单元格之间的空白通常设置为 0
table的子类标签<tr> 自定义行
table的子类标签<td> 定义单元格的一列,属性：colspan 单元格可以横跨的列数,rowspan 单元格可以横跨的行数,align 单元格内容的水平对齐方法，取值：left左，rigth右，center居中。
table的子类标签<th> 标签自定义表头，默认居中、加粗
超链接标签：<a> 属性:href 用于显示页面的路径url,target 设置打开页面的格式,属性:_blank 在新窗口打开href指定的页面,_self 默认，替代当前页面。
图片标签：<img/> 属性：src 指定需要显示的图片路径,alt 图片无法显示时的代替文本,title 鼠标移动上显示的文字,width 设置图片的宽度,heigth 设置图片的高度
框架标签：<frameset> 属性:rows和cols 取值1,2,3或15% 一个值表示一行(列),最后一个值如果不想计算可以使用 *匹配剩余量，<frameset>与<body>不能共存
框架子标签<frame> 属性:src 显示页面的路径，noresize 框架分割先不能移动,取值 true不可以移动,name 框架页面的名字
排版标签:修饰标题 <hn>包含<h1><h2><h3><h4><h5><h6>
定义段落 <p>
插入单个换行 <br/>
水平分割线 <hr/>属性：size、width
加粗 <b>
格式化斜体 <i>
列表标签:<ul> 子标签<li>
<ol> 子标签<li>
注解标签：
格式
特点：游览器查看时，不显示。右击查看源代码可以看到.
注解标签不能镶嵌

二、为什么会出现html?
1.解决什么问题？
万维网联盟（英语：World Wide Web Consortium，简称W3C）,更好的展示信息
2.没有这个技术前怎么做？
使用记事本编写

三、怎么使用html?
1.快速上手视频
网上搜索
2.官方示例
dome1_基础标签
        <! DOCTYPE html>
       <html>
           <head>
               <meta charset="utf-8"/>
               <title>网页名称</title>
           </head>
           <body>
               <h1>主标题：公司介绍</h1>
               <hr/>
               <p>
                   <font color="red">红色字体<font>
                   正文
               </p>
           </body>
       </html>

dome2_框架案例
       <! DOCTYPE html>
       <html>
           <head>
               <meta charset="utf-8"/>
               <title>网页名称</title>
           </head>
           <frameset roww="15%,*">
               <frame src="top.html" name="top"/>
               <frameset>
                   <frame src="left.html" name="left">
                   <frame src="right.html" name="right"/>
               </frameset>
           </frameset>
       </html>

四、环境搭建
1.IDE(集成开发环境)可以使用软件HBuilder

posted @ 2017-03-23 17:33 敲代码的和尚阅读(256) 评论(0) 收藏举报

刷新页面返回顶部

花脸和尚

HTML基础入门(总结)shareJava

公告