Web程序设计基础

前端开发相关概念

  1. 所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果不一定相同
  2. URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。URL其实就是Web地址,俗称“网址”。
  3. HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

头部相关标签基本概念

  1. title标签设置的标题可作为默认快捷方式或收藏夹的名称
  2. link标签
    1. href设置外部文档的地址
    2. rel设置当前文档与引用的外部文档的关系
    3. type设置外部文档的类型。
  3. 如果设置页面刷新、失效期等元信息,可对meta标签添加相应的name属性。(错误)name搜索引擎属性

meta标签

  1. 单标签

    1. 对页面进行设置的格式:<meta http-equiv="名称"content="值"/>
    2. 对搜索引擎进行设置的格式:<meta name="名称" content="值"/>
  2. <!DOCTYPE html>
    <html>
     <head>
      <meta charset="utf-8"/>
      <!-- ********* Begin ********* -->
    
        <title>设置元信息</title>
        <meta http-equiv = "Refresh" content="10;Url = https://www.baidu.com/"/>
        <meta http-equiv = "Expires" content="Fir,31 Dec 2021 08:00:00 GMT"/>
        <meta name="keywords" content="前端,元信息,网页跳转,失效期,搜索关键词"/>
       
      <!-- ********* End ********* -->
     </head>
     <body>
      <h1 align="center">元信息的设置</h1>  
     </body> 
    </html>
    

标签

文本控制类标签

  1. 块级元素: \

    \

  2. 文本修饰类标签:行内元素<span>
  3. 显示内容的大小和浏览器默认文本的大小基本相同的是:h4
  4. 空格字符:  
  5. div可以包含任何标签、行内元素不能包含块级元素
  6. align 对齐方式:
    1. left:左对齐
    2. center:居中对齐
    3. right:右对齐
    4. justify:两端对齐
  7. 水平线标签:

图像标签

  1. 图像格式:jpg、png、gif
  2. 绝对路径、相对路径
  3. 网页背景图:background
  4. 网页中嵌入图像img
  5. title是页面标题、不是网页标题
  6. href不是img属性
  7. image属性
    1. src :给定图像来源的位置
    2. alt :设置在图像未载入前图片位置显示的文字
    3. Width和 height :设定图像的宽度和高度
    4. title:鼠标停留在图片上时显示的说明文字

超链接标签

  1. 链源:引起跳转的原因
  2. 链宿:要跳转的目标
  3. < a href=“链宿”>链源< /a>
  4. _blank:在新窗口打开被链接文档
  5. < a href=" https://www.baidu.com/">这是一个指向百度页面的链接
  6. 图片链接百度网站:链接双标签里面放一个 单标签
  7. 打开或下载音乐:直接里面放
  8. 页内链接
    1. 锚点位置:< a name = “Q”>这是第7个网页
    2. 点击的位置:< a href="#Q">查看第7个网页

表格基本结构

基本概念

  1. 表格结构:表格标题、项目表头、数据资料
    1. table:定义一个表格
    2. caption:定义表格标题
    3. tr:定义表格一行
    4. th:定义表头单元格
    5. td:定义表格中数据单元格
  2. 定义项目表头的标签:
  3. 表格背景颜色:
  4. 定义表格中的行:tr
  5. 定义表格标题:caption
  6. 表格中文本对齐:th:middle
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值