关于HTML5的学习笔记1

今天开始学习HTML5方面的知识,概括起来有以下几点:

一、:

     HTML是超文本传输标记语言 ,由W3C提出的HTML规范已经统一;

     HTML文档的基本结构与语法:

<html>

<!--定义当前文档中 基本信息>

    <head>文档信息写这里</head>

<!--定义当前文档中 基本内容组件>

    <body>正文内容写这里</body>

<html>

编写一篇文档要求后缀名必须是.html

HTML中的常用标记:

换行标签:

<br/>

段落标签:

<p> 段落文本  </p>

标题标签:

<h1></h1>  数字代表字体大小

<h2></h2>

............

<h6></h6>

图片相关标签:

<img   /> 页面中显示一张图片

样式相关标签:

<s>  </s>  删除线

<b>   </b> 加粗

<i>    </i>      倾斜

常见属性:

alt / title: 当鼠标悬停到该标签时的提示文本。

src: 目标图片的路径

width:宽度   px

height:高度 px

HTML中的路径:

绝对路径  

基于操作系统的绝对路径

                     windows:以盘符开头的路径(\d:android\silver.html)  

                     linux/unix/mac OS: 以根目录/开头的路径;

基于网络的绝对路径:以http://开头的路径

相对路径:

                <img src="b.jpg">  

                         file:///c:day13/first.html    默认从当前文档目录里找到b.jpg文件并打开

                         file:///c:/day13/images/b.jpg  完整的目标地址

                 <img src="images/b.jpg"/>            相对路径地址

table 表格制作 

       标签 :<table>  </table>

          设置属性:<table border="1" width="300px" height="300px" aling="center" cellspacing="10" cellpadding=“20”></table>

                               边距          宽(单位是像素px) 高            对齐                单元格间距           单元格内边距

          填加行列:<table>

                             创建第一行,创建3列;列名分别为1、2、3

                            <tr><td>1</td><td>2</td><td>3</td></tr>

                           </table>   

                           td里可以设置属性:行合并:rowspan     列合并:colspan  注意合并后需删掉被合并的单元格;譬如第一行合并1、2列,则只需写<td colspan="2">1</td>;把原有的<td>2</td>删除。

                            







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值