html入门

HTML 简介

HTML(HyperText Mark-up Language,超文本标记语言),是构成网页文档的主要语言。一般情况下,网页上看到的文字、图形、动画、声音、表格、链接等元素大部分都是由 HTML语言描述的
HTML =写“标签”
写标签 = 采用一系列指令符号来控制输出的效果
如:<BR>,是比较常使用的控制格式的标签,它表示在网页上换行

 HTML文档的基本结构        

<!—注释:格式-->
<html> 
	<head> 
       头部信息
	</head> 
	<body> 
	  主体 
	</body> 
</html>
<!—注释:实例-->
<html> 
   <head> 
	<title>这是网页标题</title>
   </head> 
   <body> 
	  这是网页的内容部分 
   </body> 
</html>

HTML常用标签

HTML 有两种类型的标签
        单标签 :如<BR>,只需要单独一组符号就可以表示完整的功能
         双标签 :如<B>内容</B>,表示将"内容"显示为粗体,这种标签所围绕的内容就是标签作用的作用域
         HTML有的标签有属性
<a  href="http://www.creative.cdut.edu.cn" title="创新基地" target="_blank">	
	创新基地
</a><br>

文字布局及字体标签

        标题:<hn > 内容 < hn >     n的取值从 1 6 ,字体逐渐减小
        换行,段落标签:<br > <p>    <p>=<br >< br >
        水平线:<hr >
        size:水平线的宽度,单位为像素      
        width:水平线的长,如不设置则默认为页面长度,单位默认为像素,但也可以使用百分制,如 width=50%表示长度为页面长度的 50%
        align:水平线的对齐方式,常用的有 left center right
        color:线段内部的颜色
        文字设计标签 <font>
        size:设置字体大小
        size=X ,其中 X 为从 1 到 7,值越大,字体越大,属性值为 3 是客户端网页的默认字体大小       
        size= + X 或 -X ,X 为从 1 到 7 的值, : 以基准字体大小为标准大 X 号字体或者小 X 号字体
        face:用来设置字体类型,默认为宋体。如<font face="楷体_GB2312">,即设置该内容的输出的字体为楷体(只有电脑中安装的字体才可以在浏览器中出现相应风格,如果用户没有安装该字体,则会显示默认字体的风格 )
        color:用于设置字体颜色
        <b>内容</b>:将内容设置为粗体。
        <u>内容</u>:将内容设置下划线。
        <i>内容</i>:将内容设置为斜体。
        <sup>内容</sup>:将内容设置为上标。
        <sub>内容</sub>:将内容设置为下标

列表标签

        分类:有序列表,无序列表
        有序列表:在列表项外加上<ol>内容</ o l>,在每个列表项前加上数字或字母
        无序列表:在列表项外加上<ul>内容</ul>,列表中每一项目前不会加上序号,而是会加上●、○、■等符号。
        列表的每一项用<li>列表项</li>标示
        列表允许嵌套
        编写表格所用到的标签如下:
        <table></table>:定义表格,表格的所有内容都写在这个标签之内
        <caption></caption>:定义标题,标题出现在整张表格的上方
        <tr></tr>:定义表行
        <th></th>:定义表头,包含在<tr></tr>之间,表头中的文字会自动变成粗
        <td></td>:定义表元(表格的具体数据),包含在<tr></tr>之间
常见属性:
        align:水平布局方式
        属性值有left(左对齐,默认),right(右对齐),center(居中对齐
        <table>的该属性表示表格在页面的布局方式
        <tr>、<td>的该属性表示该行和该表元内的内容的布局方式
        bgcolor:设置背景颜色
        border:<table>设置边框的宽度
                属性值为整数,border=0 (默认值)时表格无边框
        width:宽度,默认单位为像素,也可以使用百分制单位
        height:高度,默认单位为像素;也可以使用百分制单位
        <table>标签常用的属性有以下几个:
        bordercolor:表格边框的颜色,默认为黑色
        cellpadding:表元边框的宽度
        cellspacing:表元的边框与表格边框之间的宽度
        合并单元格:
        <td>标签中的 rowspan、colspan
        属性值都为整数,默认为 1,表示没有合并
        rowspan:表元在行上所占用的单元格数, 跨行
        colspan:表元在列上占有的单元格数,跨列
        <td>标签rowspan=2,表示该表元及其下面的表元合并成一个

链接标签

        <a>内容</a>
        标签内的内容为链接所显示的内容,可以是文字、空格占位符、图片等
        此标签的一个重要属性是:href,它的值表示链接所指向的资源地址

图片标签        

        src:表示图片储存的位置
        width,height,border,align:作用与前文所提到属性相同
        alt:当图片未载入或者载入失败时提供的替代性的文字说明
        name:用于在同一页面的跳转

表单标签

        网页上 可供用户填写内容的 都称为 表单 ,表单中的元素称为表单控件。
        表单标签:
         <form action = “提交地址”>
           表单元素(按钮、输入框、选择框等)
         </form>
        表单元素标签:
        <textarea></ textarea >: 多行文本, rows :行数, cols :列数
        <select></select>:下拉菜单
        multiple属性:设置为多选
        size属性:设置下拉菜单项的个数
        菜单项:<option></option>
        
        <input>:input标签通过type属性指明表单元素的类型,type 可以为以下的值:                 text(默认值):文本框
                password:密码框
                radio:单选按钮,可以将多个单选按钮的 name 属性设置相同,使其成为一组。checked属性可设置默认被选
                checkbox:复选框,checked 属性可设置默认被选
        button:普通按钮
        submit:提交按钮,按下之后,网页会将表单的内容提交给  action  设定的网页,action的值为空时提交给本页
        绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd.exe
        相对路径:是从当前路径开始的路径,如当前路径为C:\windows

../上一级          /下一级

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值