博主信息
博文 9
粉丝 0
评论 1
访问量 10506
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
开学第一课知识点
东东
原创
957人浏览过

开学第一课

markdown 常用语法

序号 元素 标签
1 标题 #,##,###,####…
2 段落 行末加2个空格,或行与行之间空一行
3 文本 斜体,加粗
4 分隔条 —- 不能少于三个-线
5 列表 分为有序和无序,有序:1. 2. …,无序:-…,支持嵌套
6 引用 >…,可多行,形成一个区块,内部支持列等
7 代码 单行: `…`,多行: ```html …```
8 链接 [名称](url),或者\<url>
9 图片 ![名称](图片url)
10 表格 用坚线画

语法练习

段落

这是一个有趣的灵魂
在这里无处安放

文本

  • 斜体
    • 粗体

分隔条

在这里要分隔一下


列表

有序列表

  1. 一次元
  2. 二次元
  3. 三次元
  4. 四次元
  5. 爱你哦

无序列表

  • 作业帮
    • 帮作业
    • 做作业
    • 写作业
    • 作业来了
  • 再来一次
    • 就这一次

引用

这是来自 PHP中文网的引用
帅气的PHP是学习的动力

代码

这个不是很好懂,但老师有讲,单行代码用的一般用于引用,多行代码是写于固定数据.
单行代码
<?php include "header.php"?>
多行代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head><head>
  4. <body><body>
  5. <html>

链接

  1. 网页链接
    百度一下
  2. 图片链接(缺点不能定义规格)
    百度图片

语义化结构元素

常用的九个标签

  1. <h1-h6>
    • 标题 通常用来划分或标注内容中的文本段落
  2. <header>
    • 页眉 一般是由导航,logo等元素组纪
  3. <footer>
    • 页脚 一般是由友情链接,联系方式,备案号,版权等信息组成
  4. <nav>
    • 导航 通常是由一个或多个链接标签<a>标签组成
  5. <main>
    -主体 展示页面主体内容,建议一个页面,只出现一次
  6. <article>
    • 文档 本义是文档,实际上可以充当其它内容的容器
  7. <aside>
    • 边栏 与主体无关的信息(广告位,相关推荐,阅读排行等版块)
  8. <section>
    -区块 文档或主体中的通用小组
  9. <div>
    -容器 本身无任何语义,通过它的属性来描述用途

html5基础

html 作用

  1. HTML 页面结构
  2. CSS 元素样式与排列
  3. JavaScript 元素行为与交互

超文本标记语言

  1. 超文本 普通文本上添加属性定义特殊行为
  2. 标记 使用标签做为页面元素的标识符
  3. 语言 没有流程控制算不上真正编程语言

html元素

  1. 块级元素 垂直排列 <div>,<p>
  2. 行内元素 水平排列 <span>,<a>
    3.行内块元素 水平排列,高度可自定义 <img><video>

标签与属性

  1. 标签 元素的基本用途 <h3>hi<h3>
  2. 属性 元素的基本特征 <h3 class="title">hi<h3>

标签分类

  1. 双标签 自定义内容 <h3 class="title">欢迎来到英雄联盟<h3>
  2. 单标签 外部资源 <img src="xxx" alt="logo">

通用属性(常用要记,重点)

  1. ID 唯一标识
  2. class 给元素添加类样式
  3. style 设置当前元素样式
批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:看到你这么认真, 相信一定能成功, 坚持
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学