简单的网页制作

1网页编写格式

<!DOCTYPE html> 
<html>
	<head>
		<meta charset="utf-8"> 
		<title>中文测试。。。。</title>
	</head>
	<body>
		这里是测试body测试内容。。。
	</body>
</html>

2标签

在body内
<h1></h1>双标签 标题 ,加粗,换行  1-6 ---》小
<p></p> 双标签  段落,有换行功效
<hr> 单标签  左到右分割符
<!--    -->注释

3元素属性

给元素提供更多的属性,大部分的元素属性

3.1语法

<标签 属性1=参数1>
1)align left,right,center
2) bgcolor ,body的属性设置网页的背景色
<body bgcolor="0x00ff1234">

4文本元素属性
b 元素 内容 加粗
br 换行
如果是p标签中间有间隔
i元素, 字体倾斜
del元素 删除文字
strong 强调一段文字,效果类似 b标签
u元素,下划线
small元素, 超小字体
sub 下标
sup 上标

h20

100m2
ruby,拼音,二姐 (er) (jie),可能部分浏览器不支持。
make 元素 加黄色背景

5超链接
5种形式
1,链接外部网站
2,链接本地文件
3,图片链接
4,电子邮件链接打开电子邮件
,下载文件链接

	<a href="http://www.baidu.com">baidu</a>
	<br><a href="1.html">1111</a>
	<br><a href="1.html"><img src="abc.jpg"></a>
	<br><a href="mailto:123@13.com">contract me</a>
	<br><a href="abc.jpg">下载</a>

上面的方法在打开新网页时,老的网页会关闭
target 属性
_self :当前位置打开 默认值
_blank 新窗口中打开
baidu

6 img 单标签
src 图像来源
alt 如果不能正确打开,显示的文字
width, heigh
美女 px
美女
百分比是相对于网页而言的, 高度百分比无效的

7列表
有序列,无需序列
自定义列表
无序列表 前面无数字

  • 列表1
  • 列表2
  • 列表3
  • 列表4
有个type属性 文字最前面的符号 disc 黑色实心圆 circle 白色空心圆 square 黑色方块 有序列,前面有数字
  1. 列表1
  2. 列表2
  3. 列表3
  4. 列表4
其中可以放文字,图片,或链接 有type属性,设置排序使用什么数字

表格的构成,
table,外框
tr 行
td 列





1-1 1-2 1-3
2-1 2-2 2-3
3-1 3-2 3-3

3行 3列
表格的属性
border 边框粗细
th,是tr的属性,列标题,自动居中,加粗
colspan,横向合并单元格,需要 整形参数
name
表格的合并
rowspan ,列项合并,整数参数
caption 给表格加标题 子属性
表格还有3个字属性
thead 都是双标签
tbody
tfoot
这些属性,后期主要和css,js配合使用
9 html 实体
用于输出一些特殊的字符
有些特殊的字符不能直接在网页中直接显示的

10 style 元素,html样式
引入样式的三种方法
1),外部样式 需要css

2)内部样式 样式需要放在之间,这个属于布局。 3).内联样式

单独的设置一个
  1. div布局 需要配合css样式设置
    9.html
    12 通用属性
    每个元素都用
    id属性,指定元素的标识符,唯一性。
    class 指定类型名,归类,统一设置共同的属性
    title 当鼠标移动到元素的时候显示的内容
    dir 用于控制显示输出的方向
    123456
    style 样式设置

12,表单 传递参数,数据

13,input元素,(输入框)他是表单的一个字属性 指定表单中的内容项,比如输入内容的文本框 可以指定表单属性,也可以放在表单的外面。 input元素的属性: type,指定输入框的类型,text单行文本,password密码,submit提交按钮, reset,重置按键,button按键,普通的按键需要和特定的时间关联。 image:图片式按键 hidden:隐藏字段,该内容不显示在页面上,提交其他的一些变量。 email: 是一个邮箱类型,新特性,可能支持有差异 required:表示内容必须填写,不然不能提交。 name:名称,输入内容识别名称,传递参数时候的参数名称 value: 默认值,输入框默认填入的内容, maxlength,指定最大长度 placeholder,设置提示信息的。

HTML网页制作参考手册

https://www.w3school.com.cn/tags/index.asp

相关推荐

  1. 制作一个简单HTML个人网页

    2024-03-16 14:28:04       21 阅读
  2. 制作一个简单HTML个人网页

    2024-03-16 14:28:04       17 阅读
  3. 制作一个简单HTML个人网站

    2024-03-16 14:28:04       32 阅读
  4. 【教你如何制作一个简单HTML个人网页

    2024-03-16 14:28:04       21 阅读
  5. 【教你如何制作一个简单HTML个人网页

    2024-03-16 14:28:04       21 阅读
  6. html简单表格制作

    2024-03-16 14:28:04       35 阅读
  7. 网页制作

    2024-03-16 14:28:04       19 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-16 14:28:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-16 14:28:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-16 14:28:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-16 14:28:04       20 阅读

热门阅读

  1. 前端图片预加载和懒加载

    2024-03-16 14:28:04       18 阅读
  2. 手写vue将虚拟 Dom 转化为真实 Dom

    2024-03-16 14:28:04       22 阅读
  3. 学习总结2

    2024-03-16 14:28:04       19 阅读
  4. 解决C#连接MySQL数据库报错: SslMode=None;

    2024-03-16 14:28:04       20 阅读
  5. 工大智信智能听诊器:科技创新,赋能医疗

    2024-03-16 14:28:04       20 阅读
  6. 【DP+贪心】跳跃游戏

    2024-03-16 14:28:04       21 阅读