第一弹 常用标记和表格的运用

今天上午学习的是各种常用的标记以及它们的用法，

<html>-------开始

 

          <head>

 

               <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>控制网页编码格式，防止乱码

               <title>网页的名字或者标题</title>

 

              <style>固定在head里面</style>head的样式标签

 

         </head>

 

        <body bgcolor=“选颜色也可以用颜色的英文” text=“选颜色也可以用颜色的英文” background=“选图片”>

 

                 <font>文字控制标签</font>

 

                <font color="选颜色也可以用颜色的英文">文字颜色控制<font>

 

                <font size="选择大小的数字">文字大小控制<font>

 

                <font face="选择字体也可以直接用汉子写上字体比如宋体">文字字体控制<font>

 

                <b>文字加粗</b> 换行：<br/>单标记有换行作用，也可以<br>

                <i>文字倾斜</i>

                <u>下划线</u>

                <strong>文字加粗，这个是用来强调的，爬虫用</strong>

                <em>文字倾斜，这个是用来强调的，爬虫用</em>

                 空格作用一个代表一个空格

                <h1>自定义标题自动换行</h1>

                <h2>从h1-h6标题会越来越小</h2>

                <h3></h3>

                <h4></h4>

                <h5></h5>

                <h6></h6>

                <ol type="1">

                     <li>有序列表，序号为1、2、3......当type="a"序号为a、b、c......当type="A"序号为A、B、C......当type="i"序号为i、ii、iii......当type="I"序号为I、II、III......</li>

               </ol>

                

               <ul type>

                     <li>无序列表</li>

1

</ul><br>              <a href="超链接的地址可以是网页，也可以是网址，图片，文本等" target="超链接打开的样式，在原页上打开，还是在新页面上打开，当是-blank和new时超链接在新页中打开>超文本链接</a><br>              <a name="给回到的地方起个名字"></a><br>              <a href="#name名字">可以在网页中点击某一部分回到网页别的地方比如返回首页</a><br>              <img/ src="图片保存的路径" width="图片的宽"height="图片高" alt="图片打不开时对图片的文字" title="把鼠标放在图片上，会显示文字">

<html></html>是双标记中间可以加内容，有开始和结束，代表网页。

头部<head></head>作用为控制网页的布局效果和页面效果等。

主体<body></body>作用是显示网页的内容。

示例

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>你好</title>
<style></style>
<script></script>
</head>

<body text="#33FF00" background="淄博ddd汉企/图片/9d9376fa-b035-4bf3-9b95-0e2cd92f386e.jpg" bgcolor="#FFFFFF">
<a name="ni">加粗</a>
<!--<b><i>加粗</i></b><br />-->
<strong>你好</strong><br>
<em>你好</em><br />
<i>倾斜</i><br />
<u>下划线</u><br>
<font size="7" color="red" face="华文行楷">这是&nbsp;&nbsp;&nbsp;&nbsp;字体标记</font><br />
<h1>标题1</h1>
<p>你好好好爱hi阿Hi好</p><p>你好好好爱hi阿Hi好</p>
<p>你好好好爱hi阿Hi好</p>
<span>ausgaui</span>
<span>ausgaui</span>
<span>ausgaui</span>
<h2>标题2</h2>
<h3>标题3</h3>
<ol type="I">
<li>dddd</li>
<li>dd</li>
<li>dd</li>
<li>dd</li>
</ol>
<ul type="square">
<li>dddd</li>
<li>dd</li>
<li>dd</li>
<li>dd</li>
</ul>
<div>
<div>ddd</div>
<div>ddd</div>
<div>ddd</div>
</div>
<img src="淄博汉企/图片/9d9376fa-b035-4bf3-9b95-0e2cd92f386e.jpg" width="200" height="200" alt="这是图片" title="这是"/>
<a href="http://www.baidu.com" target="new">内容：文字、图片、视频</a>
<a href="#ni">sanuanuie</a>
</body>

</html>

加粗 你好
你好
倾斜
下划线
这是    字体标记

标题1

你好好好爱hi阿Hi好

你好好好爱hi阿Hi好

你好好好爱hi阿Hi好

ausgaui ausgaui ausgaui

标题2

标题3

  1. dddd
  2. dd
  3. dd
  4. dd
  • dddd
  • dd
  • dd
  • dd

ddd

ddd

ddd

 内容：文字、图片、视频 sanuanuie

下午老师讲的是表格的运用

示例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body style="font-size:14px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%">&nbsp;</td>
<td width="5%">首页</td>
<td width="10%">公司简介</td>
<td width="10%">公司介绍</td>
<td width="10%">公司新闻</td>
<td width="10%">产品图片</td>
<td width="10%">联系我们</td>
</tr>
</table></td>
</tr>
<tr>
<td height="300">
<img src="file:///G|/wamp/www/9d9376fa-b035-4bf3-9b95-0e2cd92f386e.jpg" height="300" width="100%" />
</td>
</tr>
<tr>
<td height="300"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="300" width="33%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" height="50"><b>媒体报道</b></td>
</tr>
<tr>
<td width="33%" height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0831/c1070a63969/page.htm" target="_blank" title="山东理工大学扎实推进校城融合发展" alt="山东理工大学扎实推进校城融合发展">山东理工大学扎实推进校城融合发展</a></td>
</tr>
<tr>
<td width="33%" height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0831/c1070a63969/page.htm" target="_blank" title="山东理工大学扎实推进校城融合发展" alt="山东理工大学扎实推进校城融合发展">山东理工大学扎实推进校城融合发展</a></td>
</tr>
<tr>
<td width="33%" height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0831/c1070a63969/page.htm" target="_blank" title="山东理工大学扎实推进校城融合发展" alt="山东理工大学扎实推进校城融合发展">山东理工大学扎实推进校城融合发展</a></td>
</tr>
<tr>
<td width="33%" height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0831/c1070a63969/page.htm" target="_blank" title="山东理工大学扎实推进校城融合发展" alt="山东理工大学扎实推进校城融合发展">山东理工大学扎实推进校城融合发展</a></td>
</tr>
<tr>
<td width="33%" height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0831/c1070a63969/page.htm" target="_blank" title="山东理工大学扎实推进校城融合发展" alt="山东理工大学扎实推进校城融合发展">山东理工大学扎实推进校城融合发展</a></td>
</tr>
</table></td>
<td height="300" width="33%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" height="50"><b>学校新闻</b></td>
</tr>
<tr>
<td height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0905/c1058a64120/page.htm" target="_blank" title="学校隆重举行典礼欢迎新同学" alt="学校隆重举行典礼欢迎新同学">学校隆重举行典礼欢迎新同学</a></td>
</tr>
<tr>
<td height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0905/c1058a64120/page.htm" target="_blank" title="学校隆重举行典礼欢迎新同学" alt="学校隆重举行典礼欢迎新同学">学校隆重举行典礼欢迎新同学</a></td>
</tr>
<tr>
<td height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0905/c1058a64120/page.htm" target="_blank" title="学校隆重举行典礼欢迎新同学" alt="学校隆重举行典礼欢迎新同学">学校隆重举行典礼欢迎新同学</a></td>
</tr>
<tr>
<td height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0905/c1058a64120/page.htm" target="_blank" title="学校隆重举行典礼欢迎新同学" alt="学校隆重举行典礼欢迎新同学">学校隆重举行典礼欢迎新同学</a></td>
</tr>
<tr>
<td height="50"><a href="http://lgwindow.sdut.edu.cn/2016/0905/c1058a64120/page.htm" target="_blank" title="学校隆重举行典礼欢迎新同学" alt="学校隆重举行典礼欢迎新同学">学校隆重举行典礼欢迎新同学</a></td>
</tr>
</table></td>
<td height="300" width="33%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" height="50"><b>通知公告</b></td>
</tr>
<tr>
<td height="50"><a href="http://rshch.sdut.edu.cn/81/86/c204a33158/page.htm" target="_blank" title="山东理工大学诚聘海内外高层次人才" alt="山东理工大学诚聘海内外高层次人才">山东理工大学诚聘海内外高层次人才</a></td>
</tr>
<tr>
<td height="50"><a href="http://rshch.sdut.edu.cn/81/86/c204a33158/page.htm" target="_blank" title="山东理工大学诚聘海内外高层次人才" alt="山东理工大学诚聘海内外高层次人才">山东理工大学诚聘海内外高层次人才</a></td>
</tr>
<tr>
<td height="50"><a href="http://rshch.sdut.edu.cn/81/86/c204a33158/page.htm" target="_blank" title="山东理工大学诚聘海内外高层次人才" alt="山东理工大学诚聘海内外高层次人才">山东理工大学诚聘海内外高层次人才</a></td>
</tr>
<tr>
<td height="50"><a href="http://rshch.sdut.edu.cn/81/86/c204a33158/page.htm" target="_blank" title="山东理工大学诚聘海内外高层次人才" alt="山东理工大学诚聘海内外高层次人才">山东理工大学诚聘海内外高层次人才</a></td>
</tr>
<tr>
<td height="50"><a href="http://rshch.sdut.edu.cn/81/86/c204a33158/page.htm" target="_blank" title="山东理工大学诚聘海内外高层次人才" alt="山东理工大学诚聘海内外高层次人才">山东理工大学诚聘海内外高层次人才</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="100" bgcolor="#3366FF">&nbsp;</td>
</tr>
</table>
</body>
</html>

  首页 公司简介 公司介绍 公司新闻 产品图片 联系我们
媒体报道
山东理工大学扎实推进校城融合发展
山东理工大学扎实推进校城融合发展
山东理工大学扎实推进校城融合发展
山东理工大学扎实推进校城融合发展
山东理工大学扎实推进校城融合发展
学校新闻
学校隆重举行典礼欢迎新同学
学校隆重举行典礼欢迎新同学
学校隆重举行典礼欢迎新同学
学校隆重举行典礼欢迎新同学
学校隆重举行典礼欢迎新同学
通知公告
山东理工大学诚聘海内外高层次人才
山东理工大学诚聘海内外高层次人才
山东理工大学诚聘海内外高层次人才
山东理工大学诚聘海内外高层次人才
山东理工大学诚聘海内外高层次人才

总结一下今天上课的内容，给我的感觉有点蒙圈，上午的标记运用还好些，下午的这个表格感觉还是有点迷糊，需要比着前面老师讲的一步步的来，但总体来说感觉还能听懂，这个必须要勤加练习，熟能生巧，坚持下去！

时间： 2024-08-11 15:59:13

第一弹 常用标记和表格的运用的相关文章

HTML文档的常用标记

一.HTML文档中常用的标记有文字标记.段落标记.列表标记.超链接标记.图像标记.表格标记.框架标记和多媒体标记,下面对这些常用标记进行介绍: 1.文字标记:文字是网页重要的组成部分之一,通过使用标题标记.文字格式标记和文字样式标记来改变枯燥乏味的文字,可以使浏览者更有效的浏览网页.下面对标题标记.文字格式标记和文字样式标记进行介绍: 1.1.标题标记<hn>...</hn>: (1).在浏览网页时常常看到一些标题文字,用来划分各个章节,在HTML文档中可以使用标题标记来指明页面上

JVM第一弹

JVM第一弹 基本概念 JVM是可运行java代码的假想计算机,包括一套字节码指令集,一组寄存器,一个栈,一个垃圾回收.堆和一个存储方法域.JVM是运行在操作系统之上的,它与硬件没有直接的交互. 运行过程 我们都知道Java代码源文件,通过编译器能够产生相应的.Class字节码文件,而字节码文件又通过Java虚拟机中的解释器,编译成特定机器上的机器码. ① Java源文件 --> 编译器 --> 字节码文件② 字节码文件 --> JVM --> 机器码 每种平台的解释器是不同的,但

python 日期格式化常用标记

符号 说明             例子    %a  英文星期的简写 Mon  %A  英文星期的完整编写 Monday  %b  英文月份的简写 Jun  %B  英文月份的完整编写 June  %c  显示本地的日期和时间 06/30/14 01:03:17  %I  小时数,取值在01~12之间 01  %j  显示从本年第一天开始到当天的天数 181  %w (week)  显示今天是星期几,0表示星期天 1  %W  显示当天属于本年的第几周,星期一作为一周的第一天进行计算 26  

HTML5 其他常用标记

HTML5 其他常用标记 浮动框架 <iframe> 元素 可以在一个浏览器窗口中同时显示多个页面文档,可以通过设置 <iframe> 元素的 src 属性,指向其他页面的 URL. 语法: 开始标记:必需 内容:可以添加文本描述,当浏览器不支持 <iframe> 元素时,将显示该文本描述信息 结束标记:必需 主要属性: src:浮动框架中的网页的 url height:高度 width:宽度 浮动框架<iframe src="frame1.html&q

Html5之基础-9 HTML表单、其他控件、其他常用标记

一.表单概述 表单的作用 (1) 表单用于显示.收集信息,并提交信息到服务器 (2) 表单有两个基本部分 - 实现数据交互的可见的界面元素,比如文本框或按钮 - 提交后的表单处理 (3) 页面元素 - 使用 <form> 元素创建表单 - 在 <form> 元素中添加其他表单可以包含的控件元素 如图: 表单元素 <form> (1) 定义表单:使用成对的 <form></form>标记 (2) 主要属性 - action:  定义表单被提交时发生

Ubuntu闪电入门第一弹

目录: 一.设置主机名 1.临时修改主机名 2.永久修改主机名 二.设置网络 1.配置静态IP地址 2.配置DNS服务器解析 3.修改DNS本地解析 三.软件包管理 1.dpkg管理软件包 2.apt管理软件包 四.运行级别 五.文件传输工具lrszs 1.发送文件sz 2.接收文件rz 六.磁盘管理 1.磁盘分区 2.磁盘分区格式化 3.挂载磁盘分区 一.设置主机名 1.临时修改主机名(重启系统后失效) $ sudo hostname ikki $ hostname ikki 2.永久修改主机

【2017-03-20】HTML基础知识，标记，表格，表格嵌套及布局，超链接

一.HTML  网站(站点),网页基础知识 HTML是一门编程语言的名字:超文本标记语言 可以理解为:超越了文本的范畴,可以有图片.视频.音频.动画特效等其他内容,用标记的方法进行编程的计算机语言 基本格式: <html> <title>标题名称</title> <head> 网页渲染,特效 </head> <body> 网页内容 </body> </html> 二.标记 添加注释:<!--注释内容--&

【数据库优化（持续更新）】--第一弹设计优化

前言 数据库是程序的仓库,也是程序中最脆弱的一部分,因为它的脆弱性和重要性,所以需要专门进行管理和优化.在如今的网络化的时代更加需要数据库的灵活和快捷,一个高效的数据库能够使程序运行效率更快,提高程序的运行效率.但往往对数据库的设计达不到我们想要的效果,所以数据库的优化显得尤为重要.该系列文章正是考虑大数据量的当今如何才能让数据库的设计更加灵活,数据检索.操作更加高效展开的讨论,其中涉及到的优化方法是在笔者长期的开发经验以及其它有关数据库优化的文章基础上进行总结的,如果有异议还请指出. 数据

自定义特效VIew第一弹之竖直TextView

自定义特效VIew第一弹之竖直TextView 别的不说,先给出效果 再给出代码 <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent" > <com.example.empty.VerticalTextView android:layout_width="wrap_content" android:layout_