HTML基础标签入门
HTML基础标签
昨天学习了一些HTML的基本标签以及基本属性:
HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感)。
HTML文档里包含三部分:
<html>——开始标签
<head> ——网页上的控制信息
<title>——网页标题
</title>
</head>
<body>
网页显示的内容
</body>
</html>——结束标签
<!——注释的内容——> 注释
body的属性:
background 网页背景图片
bgcolor 网页背景颜色
text 文字颜色
topmargin 上页边距
leftmargin 左页边距
rightmargin 右页边距
bottommargin 下页边距
一般标签:
格式控制标签:
<font color="" face="" size=""></font> 控制字体;color,字体颜色;face,字体;size,字体大小。
<b></b> 字体加粗
<i></i> 倾斜
<u></u> 下划线
<strong></strong> 字体加粗(强调,语气加强用)
<em></em> 字体倾斜(强调,语气加强用)
<center></center> 居中
<br>或</br> 相当于回车,换行
表示空格
内容容器标签:
<h1></h1>......<h6></h6> 标题(会自动换行)。HTML标题(Hesding)是通过<h1>-<h6>等标签进行定义的。
<p></p> 段落标签(段落之间空行)
<div></div> 层标签(默认占用一行)
<span></span> 层标签(默认用多大空间占用多大空间)
<ol type="1/a/A..."> ——有序列表,序号为双引号里面的格式,引号中可以更改序列号形式
<li>内容<li>
<li>内容<li>
<li>内容<li>
</ol> ——上面的"ol"变为"ul"则为无序列表
相对路径:相对于本文档位置;
绝对路径:直接从哪个盘开始读取。
常用标签:
超链接标签
<a href="超链接的地址" target="blank/self">超链接的文字或者图片</a>
blank是从一个新网页打开;self是自身网页打开!
第一步:做锚点的标签。<a name=""></a>
第二步:做锚点链接。<a href="#目标连接的name的值"></a>
图片标签
<img src="图片地址" alt="图片无法显示时出现的文字" title="鼠标指向时现实的文字" width="" height=""> ——高和宽设置一个即可,显示图片会按比例缩放。
表格标签:
表格
<table width="宽度" border="边框" align="对齐方式" background/bgcolor="背景图片/背景色">
行:
<tr align="水平对齐方式" valign="垂直对齐方式" height="行高" background/bgcolor="背景图片/背景色">
单元格:
<td align="水平对齐方式" valign="垂直对齐方式" width="单元格宽度" height="单元格高度" backgroung/bgcolor="背景图片/背景色">
</td>
</tr>
</table>
align:left center right
valign:top middle bottom
单元格合并:
colspan="n" 合并同一行单元格(后面写代码要减去相应的列)
rowspan="n" 合并同一行列单元格(后面写代码要减去相应的列)。
这就是第一天所学内容,这一部分很简单,试一下就会了。
转载于:https://www.cnblogs.com/axj1993/p/6209743.html
HTML基础标签入门相关推荐
- HTML基础之label标签,HTML基础-标签
html标签元素 在HTML静态页面中,每个网页具有唯一``,即``标签. 即网页中的盒子,起分割作用,分割内容使用的常用标签.DIV+CSS更是网页分割常用方法. 内容 被链接内容 br 换行标签 ...
- html让图片下浮的代码,HTML基础-标签
html标签元素 在HTML静态页面中,每个网页具有唯一``,即``标签. 即网页中的盒子,起分割作用,分割内容使用的常用标签.DIV+CSS更是网页分割常用方法. 内容 被链接内容 br 换行标签 ...
- 显示多文档标签_HTML常用基础标签,前端从入门到精通
首先,我们来理解一下一个网页的基本组成 代码如下 一个网页是有许许多多的标签对组成的,即开始标签-结束标签,都是成对出现(当然我们后面会说的还存在单标签,表示自闭合标签,例如: ) 对上述的标签先来解 ...
- 0基础快速入门CSS技术栈(4)—图解详细阐述CSS的复合选择器、标签显示模式、行高、CSS背景,及最为重要的CSS三大特性附带权重计算笔试题(附详细案例源码解析过程)
文章目录 1. 0基础快速入门CSS技术栈(4) 2. 重点提炼 3. CSS复合选择器 3.1 后代选择器(重点) 3.1.1 example01 3.2 子元素选择器 3.2.1 exmaple0 ...
- 网页入门D2-HTML语法与基础标签练习
HTML语法与基础标签 练习总结 写在前面:今天利用所学的HTML的语法和常用的HTML元素.实现在网页上显示图片.显示不同类型的文本以及实现页面跳转.(PS:HTML很多语法和写博客的markdow ...
- WEB前端入门——基础标签
标题标签: <h1>~<h6> h系列,表示从一级标题到六级标题(越高级越大) tips:标题大小可以用CSS修改,优先级更高 段落标签:<p> 段落之间存在空隙 ...
- 零基础AJAX入门(含Demo演示源文件)
零基础AJAX入门(含Demo演示源文件) 作者:一点一滴的Beer 个人主页:http://www.cnblogs.com/beer 摘要:因为笔者的大四毕业设计是做WebGIS系统,用过Web版 ...
- 零基础不建议学前端_web前端开发零基础怎样入门-哈尔滨前端学习
web前端开发零基础怎样入门-哈尔滨前端学习,俗话说,知己知彼,百战百胜.要想学好web前端,首先要了解什么是web前端,下面由小编来给大家介绍一下: 1什么是web? Web就是在Http协议基础之 ...
- Struts标签入门
Struts标签入门 基本概述 Struts 是 Apache Jakarta 的一个著名的开源项目,目标是为构建基于 Java 的 web 应用程序提供一个框架.Struts 提供了非常多的标签,依 ...
最新文章
- 擦窗机器人不用时怎么收纳_省心省力,智能擦窗机器人
- 2019年开源数据库报告发布:MySQL仍卫冕!
- 第一周例行报告(补)
- JSONHelper JSON帮助类
- mysqld restart service 卡_MySQL数据库之mysqld服务启动失败, Failed to restart mysqld.service: Unit not found....
- Speedoffice(excel)如何根据身份证号计算年龄
- pthread_attr_setinheritsched,pthread_attr_setschedparam函数详解
- 关于神经网络和深度学习的资料
- Excel使用技巧—每30行取1行数据
- Blend混合模式 与 20余种颜色混合模式代码实现
- win32Day06:控件
- [ES笔记]持续更新中
- E28 LoRa模块透传 定点传输 RSSI测试与MicroPython应用
- 大疆OSMO POCKET(大疆灵眸)使用无线模块连接手机后瞬间断开连接的解决办法
- 李书福造手机,会走上周鸿祎和董明珠的老路吗?
- “除”和“除”以的区别
- 随机森林c++_科研快报第91期:综合多特征使用随机森林和自相似性参数的极化SAR海面溢油检测...
- WIN10打印机如何连接到计算机,win10电脑怎么添加打印机,教您电脑如何添加打印机的方法...
- 华为maters保时捷鸿蒙,【华为MateRS保时捷版评测】编辑分享:妙用华为Mate RS保时捷之三摄_华为 Mate RS保时捷版_手机评测-中关村在线...
- 新浪微博用户头像的图片的引用
热门文章
- python详细安装教程3.7.4-python 3.7.4 安装 opencv的教程
- python教材推荐-7种主流数据分析软件比较及经典教材推荐
- python能在excel运行吗-使用PyXLL在Excel中执行Python脚本
- python四大软件-Python未来可能面临的四大转折
- 自学python爬虫要多久-初学Python爬虫要学多久?原来这么快
- python画图武汉加油-python实现“武汉加油”点阵字
- python画轨迹曲线-python 画3维轨迹图并进行比较的实例
- python新手入门教程-Python简明入门教程
- python算法书籍-你也能看得懂的Python算法书
- stm32跑python-简易数据采集分析流程.stm32+python