实训day1【网页制作语法基础】

本文详细介绍了HTML的基本用法,包括环境搭建、段落与标题标签、字体样式、图片和超链接的使用、特殊字符输入、列表样式设定、表格设计以及表单实例等内容,适合初学者快速入门。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、环境搭建

链接:https://pan.baidu.com/s/1qqUfSoucV6DBi_zlU5V8Gg
提取码:92uz

二、基本语法

1、段落标签

注释:
换行标签::

水平线标签:



段落标签:

写一段文字


标题标签:

标题

(有1-6级标题标签,h1在一个网页中只能出现一次)
2、字体标签

加粗:字体加粗 、b
过时:勾画、del、s
倾斜:倾斜、i
下划线: 下划线、u

3、图片标签

src:图片的地址
alt:图片不显示则替换文字
title:显示标题
width:设置长宽

4、超链接

百度一下,你就知道了(新打开一个窗口)
百度一下,你就知道了(当前窗口跳转)
[外链图片转存失败(img-ZVdEmEjm-1562051035364)(https://mp.youkuaiyun.com/mdeditor/img/图片.gif)]

5、特殊字符

空格: 
小于号:<
大于号:>
<hello &nbsp world >(带空格字符的超链接)

6、样式设置
  • 默认:黑色圆点无序 square:实心方块
  • 实心黑色圆点
  1. 默认:阿拉伯数字排序 a:a-z i:罗马数字
  2. 阿拉伯数字
7、搜索优化

制定编码集:
搜索优化:
引入样式表:
引入小图标:

8、表格设计
(边界/ 单元格之间的距离/ 单元格内边距/ 居中/ 表格宽度/ 颜色)
111213
9、内置对象

在这里插入图片描述

三、表单设计实例

基本格式
html
(框架布局,块级元素) (路径 选择 居中 外边距 边界)
源代码
html
网页呈现

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值