请选择 进入手机版 | 继续访问电脑版

湖南新梦想

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 83|回复: 0

简单介绍HTML基本标签以及表格基础

[复制链接]

13

主题

13

帖子

67

积分

注册会员

Rank: 2

积分
67
发表于 2021-12-5 11:47:26 | 显示全部楼层 |阅读模式
一、HTML基本标签
页面
        页面上的内容:元素(图片,文字,链接)——>超文本
        HTTP:超文本传输协议
超文本是如何显示在页面上的
        HTML:超文本标记语言
使用记事本创造网页
        打开记事本
        输入HTML代码
        保存为*.html或*.htm文件,注意格式问题
        打开网页预览效果
给页面添加背景图片或者背景颜色
        <body  属性名=“属性值”>
        background  背景图片
                输入图片的路径
        #FFB6C1  FF红  B6绿  C1蓝  0-255  十六进制  0-FF  #000000——>黑  #FFFFFF——>白
页面可能会出现乱码:head标签中—添加meta标签
        编码:ascii码一般指ASCII——记事本默认的
                简体中文:gb2312,GBK—windows系统默认
                繁体中文:big5
                纯英文网页:iso-8859-1
                UTF-8—国际流通的
文字
        标题标签<h1><h2><h3><h4><h5><h6>
                数字越大,字体越小
        字体标签<font>
                设置字体的大小(size)、颜色(color)和字体的类型(face)
        特殊的字符
                空格:浏览器只识别一个空格  一个&nbsp表示一个空格
                引号(“”)
                        &quot;
                小于(<)
                        &lt;
                大于(>)
                        &gt;
                版权号(© )
                         &copy
        换行和换段
                换段<p>
                换行<br>
        图片标签:<img src="图片的位置" width=宽 height=高 align="top、middle、bottom"
        图像与文本的对齐方式:<img align="middle、top、bottom">
        内容分割线<hr size="" color="" width="">绘制水平线
        有序排列<ol type="1,a,A,i">
                <li>列表项内容</li>
        无序排列<ui type="disc(实心圆)、circle(空心圆)、square(实心方块)">
                <li>列表项内容</li>
        超链接标签<a  href="跳转的页面网址或者是本机文件的路径">页面文字</a>
        锚记标签—>先要给某个区域取一个名字<a name="webtop">明天周末,</a>再用a标签进行跳转<a href="#webtop">回到顶部</a>
                跳转到邮件标签<a href="mailto:输入邮箱地址">输入标记内容</a>
                使图片也能进行跳转—><a href="http://www.baidu.com">  <img src="图片所在位置"> </a>
        滚动标签
                <marquee scrolldelay="填写滚动时间“ direction="滚动方向”>输入文字</marquee> 如果是图片滚动,在<marquee>后输入<img src="图片所在的位置">  onmouseover=“this.stop()”(鼠标在上面时停止滚动) onmouseout=“this.start()”(鼠标离开后开始滚动
二、表格基础
        boder用来设置表格边框尺寸大小
                格式<table border="">
        <td>...</td>表示一个单元格
        <tr>...</tr>定义行
        <table></table>
        bordercolor边框颜色
        跨行:rowspan
                <td rowspan=""></td>
        跨列:colspan
                <td colspan=""></td>
        内容填充:cellpadding
        表格间距:cellspacing

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|湖南新梦想 ( 湘ICP备18019834号-2 )

GMT+8, 2022-1-20 12:57 , Processed in 0.040982 second(s), 19 queries .

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表