3.16 html

最新推荐文章于 2020-03-02 20:42:12 发布

weixin_30649641

最新推荐文章于 2020-03-02 20:42:12 发布

阅读量64

点赞数

原文链接：http://www.cnblogs.com/syx1997/p/8590955.html

版权

HTML语言：超文本标记语言（Hyper TextMarkup Language）

基础语法：分为单标签，双标签，和注释语法。

单标签写法：<标签名>或者<标签名/>

双标签写法：<标签名></标签名>

注释语法：

基本结构：　　

<html>
    <head></head>头部：控制作用（页面的布局、效果）
    <body></body>主体：放内容（文字、图片等）
</html>

常用标签：格式控制类

 <body bgcolor:"颜色" text："颜色" bgground:"图片">
   bgcolor会改变整个页面的颜色,text是给body里的变颜色，bgground背景图片。 
  <font color="#9900FF" size="7" face="华文行楷">这是字体标记</font>  （body里字体大小最大是7号）
  <b>加粗</b>
  <strong>加粗2</strong>
  <i>倾斜</i>
  <em>倾斜2</em>
  <u>下划线</u>
  <b><i><u>可以相互嵌套
  &nbsp空格  <br/>换行
  <h1>标题1</h1>
  <h6>标题6</h6>

</body>

字体效果图加粗倾斜下划线效果图标题1和6效果图，越来越小

<p></p>段落，P与P之间有换行的空间
层标签：
<span></span>内容有多少大小就是多少，紧挨着没有换行空间
<div></div>默认占一行

<ol type="I">(有序列表)
      <li>北京</li>
      <li>上海</li>
      <li>深圳</li>
</ol>
<ul type="circle">       (无序列表)  type类型：circle空心圆，disc实心圆，square方块
        <li>北京</li>
        <li>上海</li>
        <li>深圳</li>
 </ul>

　　空心圆效果图实心圆效果图方块效果图

<a href="无标题.png">内容</a> 能打开png,txt,html等，网址也可以，鼠标移动上去以后鼠标会变成小手。
超链接也可以做锚点到某个位置，做锚点<a name="h"><a>   回到锚点位置<a href="#a">回到</a>

超链接效果图

<img src="无标题.png" width="200" height="200" title="你好" alt="这是蛋糕图片"></img>
<img src></img>为插入图片，width是图片的宽，height是图片的高，title是鼠标放上去显示的内容，alt是图片加载不出来的时候显示的提示文字

title效果图alt效果图

图片做链接：

<a href="链接网址">
<img src="无标题.png">

</a>

表格：表格标签

cellspacing：单元格边距，单元格与单元格之间的距离
cellpadding:单元格间距，单元格与内容的距离

转载于:https://www.cnblogs.com/syx1997/p/8590955.html

weixin_30649641

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3.16 html

HTML语言：超文本标记语言（Hyper TextMarkup Language）基础语法：分为单标签，双标签，和注释语法。单标签写法：<标签名>或者<标签名/> 双标签写法：<标签名></标签名> 注释语法：<!--内容--&g...
复制链接

扫一扫