美文网首页
day1-web前端基础

day1-web前端基础

作者: 微醉那一抹殷红 | 来源:发表于2018-08-13 17:45 被阅读0次

一、基本结构

<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
    </head>
    <body>
        
    </body>
</html>
  • 标签:单标签、双标签

单标签:<标签名 属性=属性值 属性=属性值/>
双标签:<标签名 属性=属性值 属性=属性值></标签名>

注意:属性和标签名之间用空格隔开,多个属性之间同样用空格隔开
  • 标签内容:开始标签和结束标签之间的内容



二、常用标签

1.文本标签
  • 标题标签:<h1></h1> ----- <h6></h6>
  • 段落标签: <p></p>
  • 空格:&nbsp;
  • 换行标签:
  • 超链接:<a></a>
  • 文字加粗:<b></b> 或者 <strong></strong>(有强调效果 推荐使用)
  • 文字倾斜:<i></i> 或者 <em></em>(有强调效果 推荐使用)
  • 水平线:<hr/>
2.列表标签
  • 有序列表
<ol>
     <li>语文</li>
     <li>数学</li>
     <li>英语</li>
</ol>
  • 无序列表
<ul>
  <li>成都</li>
  <li>重庆</li>
  <li>北京</li>
</ul>
  • 自定义列表
<dl>
  <dt>省份:</dt>
  <dd>四川</dd>
  <dd>安徽</dd>
  <dd>湖南</dd>
</dl>
3.表格标签
  • 基本机构
<table>
  <tr>
      <td></td>
      <td></td>           
  </tr>
  
  <tr>
      <td></td>
      <td></td>               
  </tr>
  
  <tr>
      <td></td>
      <td></td>               
  </tr>   
</table>
  • 说明:
    table -- 标签代表这个表格
    tr -- 代表的是一行
    td -- 代表的是列(一个td对应一个单元格)

属性:

a. table属性

1.border:设置整个表格中边框的宽度
2.width:设置整个表格的宽度
3.heigt:设置整个表格的高度(每一行的高度是一样的)
4.align:center -- 让整个表在其父标签中居中
5.bgcolor: 背景颜色
6.cellpadding="100": 设置内容和单元格之间的间距(了解)
7.cellspacing: 设置 单元格和单元格之间的间隙

b.tr属性

1.height: 设置单独的某一行的高度
2.align:center -- 让当前行里面的所有的单元格中的内容居中
3.bgcolor: 背景颜色

c.td属性

1.width: 设置某一列的宽度
2.align:center -- 让某一个单元格中的内容居中
3.bgcolor: 背景颜色





易竹小居士.jpg

相关文章

  • day1-web前端基础

    一、基本结构 标签:单标签、双标签单标签:<标签名 属性=属性值 属性=属性值/>双标签:<标签名 属性=属性值 ...

  • 前端基础进阶系列

    前端基础进阶(一):内存空间详细图解前端基础进阶(二):执行上下文详细图解前端基础进阶(三):变量对象详解前端基础...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 二、flask开发基础与入门

    一、web开发基础 1、前端知识 前端开发基础: HTML CSS JavaScript 前端常用的库与框架: b...

  • 【350页】前端校招面试题及解析大全

    前言 前端校招面试题主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 学习Vue框架之前,要有JavaScript的知识储备

    前端三剑客知识储备(有关前端的专题) ☑ HTML基础知识 ☑ CSS基础知识 ☑ JavaScript5基础知识...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

网友评论

      本文标题:day1-web前端基础

      本文链接:https://www.haomeiwen.com/subject/shiubftx.html