html以及Markdown的入门及一些语法

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


第一次任务

利用phpstudy建立网站并简单制作html写入学号姓名:在这里插入图片描述


HTML基本格式

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title> 攻防实验室考核 </title>
</head>
<body>
</body>
</html> 

HTML写登录框

  <table>
        
            <tr>
                <td>Frist name:<input type="text" value="Frist name" ></td>
            </tr>
            <tr>
                <td>Last  name:<input type="text" value="Last name" ></td>
            </tr>
            
    
        </table>

写一个背景

<body background="love.jpg" style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;">

超链接到博客

	<a href="http://www.w3school.com.cn/">登陆</a>

一、HTML入门

1.新建HTML文件

HTML文件的基本元素与格式:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>...</title>
</head>
<body>
</body>
</html>  

2.标题元素

编辑网页标题

<title> 攻防实验室考核 </title>

在这里插入图片描述

3.内容元素

将网页想要呈现的内容编辑其中
在这里插入图片描述

二、HTML常用标签

1.文字效果

  • 网页内标题字
<h1>...<h1>大
<h2>...<h2>
...
<h6>...<h6>小
  • 粗体字<b>...<b>
  • 粗体字强调<strong>...</strong>
  • 斜体字<i>...</i>
  • 斜体字强调<em>...<em>
  • 底线<u>...</u>
  • 横线<strike>...</strike>
  • 删除线<s>...<s>
  • 删除线<del>...<del>
  • 字体颜色(绿)<font color=00ff00>...</font>
  • 最小字体<font size=1>...</font>
  • 字体增大<font style='font-size:100 px'>...</font>

2. 区断标记

  • 水平线<hr>
    • 水平线设定大小<hr size='9'>
    • 水平线设定宽度<hr wide='80%'>
    • 水平线设定颜色<hr color='ff0000'>
  • 换行<br>
  • 段落<p>...</p>
  • 置中<center>...</center>

3.表格语法

  • 表格<table>...</table>
    • <tr>...</tr>
    • 单元格<td>...</td>
  • 表格位置
    • 置左<table aling=left>...</table>
    • 置中<table aling=center>...</table>

三、Markdown语法

1.文字效果

  • 网页内标题字
#大
##
...
#######小
  • 斜体*内容*_内容_
  • 粗体**内容**
  • 加粗斜体***内容***
  • 删除线~~~内容~~~

2.区断标记

下划线(三个以上的 - * _---


3.代码引用

  • 行内式
    代码:
    c语言中`scanf`怎么用
    
    c语言里的函数scanf()怎么使用
  • 多行代码
    • 缩进式: 缩进 4 个空格或是 1 个制表符
    • 用 六个`包裹多行代码

4.列表

  • 无序列表
    使用 *,+,- 表示无序列表
    代码
- 无序列表项 一
- 无序列表项 二
- 无序列表项 三
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tclown

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值