首先设置模块的居中、宽度、居中。 代码如下所示:
样式=“:20px自动;文本对齐:;宽度:900px;”
其实就是设置“回复:”、多行文本输入框、提交按钮等三部分显示在同一行,使用该属性的-block值。
然后将“reply:”文本部分设置为向上对齐,并使用style属性中的-align属性将其设置为顶部值。
接下来,使用标签设置多行文本输入框。 cols列属性和rows行属性分别设置行数和列数。 具体代码如下:
列=“100”行=“5”
表示文本框每行可以输入100个字符,总共可以输入5行。
最后,设置提交按钮并使用标签。 标签中的文本是按钮上显示的文本。
10 次运行
运行网页即可显示所有内容。 如果有问题,就局部调整。 如图所示:
图1-2-2 静态网页
1、需求分析,找到一个静态网页进行模拟开发作为开发目标,同时确定网页结构;
2.用于新建html文件并修改网页标签;
3. 使用
标签决定网页的结构并写入注释;
4、设置整体风格,包括内容主体居中、宽度、颜色、背景图片等;
5. 使用
标签设置欢迎图片,以及图片的大小,以及图片不显示时的提示信息;
6.用于设置标题文字及格式,包括:字体、大小、粗体等;
7、学会一行显示多个标签,图片和文字并行显示;
8、复制一段文字进行段落编辑,包括缩短首行、换行、加粗等;
9、设置回复功能标签,包括“回复:”、多行文本输入框和按钮,并设置相关行号、列号、顶部对齐等属性。
10.保存、运行并查看网页内容。
1、编写网页时,先构建网页结构,然后再单独构建结构中的内容;
2、写笔记是为了确定开发需求,帮助我们实现开发目标;
3、本课程使用的标签;
标签
阐明
块元素标签定义了网页的结构,也是实现网页功能的元素单元;
图像标签用于在网页上显示图像。
字体标签,用于设置网页字体的大小、样式和颜色。
粗体标签,用于加粗网页字体。
换行标签,用于网页中的文本换行;
多行文本输入框标签,用于多行文本输入和显示的标签。
按钮标签,用于在网页上构建按钮。
4.标签属性和含义。
标签属性
意义
风格
是标签的样式类属性,是很多属性的父属性。
元素属性,“20px auto”表示上下边距均为20px,左右边距等距自适应。
文本对齐
内容对齐设置。
宽度
标签宽度属性。
标签高度属性。
-图像
标签背景图像属性。
-尺寸
背景图像尺寸设置。
-
背景图像重复图块集。
-颜色
标签背景颜色设置。
显示位置、状态以及是否显示设置设置。
文本-
首行缩进属性
-对齐
标签对齐设置属性。
1、建立自己的微博页面;
2、尝试模拟网友留言部分。
HTML基本标签的使用
- - 结束 - -
历史课
第 1 章 HTML 基础知识