韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript视频笔记(全)
韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript视频笔记(全)和memcache笔记
韩顺平html第二讲
<html>
<head>
<title>第一个网页</title>
</head>
<body>
<!-1-><font color=red>hello world</font> <!--使用<font color=red></font>来调整字体颜色-->
</br>
<!-2-><font size=7 color=blue>hello world1</font> <!--使用<font size=7></font>来调整字体大小,但是size里面的取值是1—7-->
</br>
<!-3-><font style="font-size:150px" color=yellow>hello world2</font> <!--使用CSS中<font style="font-size:40px"></font>将字体调整更大-->
</br>
<!-4-><p><font color=cyan>为字体更换颜色4</font></p>
<b> <font color="red">hhhhh</font></b>
<!-5->
</body>
</html>
韩顺平html第三讲
Html的超链接：
例子：
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<!--*****************html超链接案例***************-->
<!--*****************html超链接默认格式***************-->
<a href="">超链接</a> </br> <!--超链接基本格式-->
<!--**target常见的两个属性-blank(表示在新页面打开文件).-self(表示替换当前页面)**-->
<a href=""target= "-blank">在新窗口打开</a> <!--超链接在新窗口下打开文件--></br> <a href=""target= "-self">在本页面打开</a> <!--超链接在本页面打开文件--></br> <a href="mailto:yanli457352797@">给自己写信</a>
</body>
韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript视频笔记(全)和memcache笔记
</html>
Html图片元素（标记）：
<img src ="图片路径" width="宽度" height=”高度” ></img>
案例：（网页上显示图片）
<html xmlns="/1999/xhtml">
<head>
<title>无标题文档</title>
</head>
<body>
<!--*****************图片元素***************-->
<img src ="a.jpg" width="100" > <!--***********插入图片************--> <a href=""><img src ="a.jpg" width="100" ></a> <!--***********图片链接************--> <img src ="/photo/OqCsSUr6ytmOilpU0_1VaA==/4023121842125901437.jpg" width="400" >
<img src ="a.jpg" width="100" border="10" > </img> <!--*******border表示为插入的图片加上边框********-->
</body>
</html>
Table表格：
<!--<table border=”边框宽度 “cellspacing”两个列行间的距离大小” cellpadding”各行列间的内容被填充" align="表格的位置" bgcolor="设置表格背景颜色"></table <!--**tr表示行，td表示列,<tr align="设置字体对齐方式</tr>"***-->
案例：
<html xmlns="/1999/xhtml">
<head>
<title>无标题文档</title>
</head>
<body>
******************表格,为表格添加背景****************</br>
<!--<table border=”边框宽度 ”cellspacing”空隙大小” cellpadding”填充大小" align="表格的位置" bgcolor="设置表格背景颜色"></table>-->
<table border="15" height="1" cellpadding="20" cellspacing="0" width="477" align="center" bgcolor="cyan"> <tr align="center"><td >1</td><td>2</td><td>3</td></tr> <!--**tr表示行，td表示列,<tr align="设置字体对齐方式</tr>"***-->
</table>
</body>
</html>
韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript视频笔记(全)和memcache笔记
韩顺平html第四讲
合并单元格：
colspan=跨行列数
roespan=跨列行数
<head>
<title> 表格</title>
***********菜谱***********
<table border=1 bordercolor=red cellspacing=0 align="center" width=500px cellpadding="0" height=180> <tr align=center><td colspan=3>周一菜谱</td>></tr>
<tr align=center><td rowspan=2>素菜</td>><td>青菜</td>><td>土豆</td></tr>
<tr align=center><td>豆腐</td>><td>白菜</td></tr>
<tr align=center><td rowspan=2>荤菜</td>><td>肉丝</td>><td>大虾</td></tr>
<tr align=center><td>海参<img src="a.jpg" width=70></img></td>><td>鲍鱼</td>></tr>
</head>
<body>
</body>
</html>
注释：<tr align=center></tr>在此处表示字体的对齐方式
韩顺平html第五讲
无序列表（html常用标记/元素-ui/li）
格式: Html列表——无序列表
<ul type=”属性值”>
<li>列表内容</li>
</ul>
<ul>的属性设定（常用）：
例如：<ul tyre=”square”>
Type=”squre”
设定符号款式，其值有三种，如下，默认为Typr=”disc”
Type=”disc”时的列项符号是实心圆点
Type=”circle”时的列项符号为空心圆
韩顺平_轻松搞定网页设计html+( …… 此处隐藏：1965字，全部文档内容请下载后查看。喜欢就下载吧 ……
相关推荐：
- [教学研究]2012西拉科学校团少队工作总结
- [教学研究]建筑工程公司档案管理制度
- [教学研究]小学数学人教版六年级上册圆的周长和面
- [教学研究]ERP电子行业解决方案
- [教学研究]钢支撑租赁合同范本
- [教学研究]预应力自动张拉系统用户手册Rev1.0
- [教学研究]MOOC课程：金瓶梅人物写真(每章节课后
- [教学研究]追加被执行人申请书(适用追加夫妻关系)
- [教学研究]2014年驾考科目一考试最新题库766
- [教学研究]2013-2014学年度九年级物理第15章《电
- [教学研究]新版中日交流标准日本语初级下26课-客
- [教学研究]小导管注浆施工作业指导书
- [教学研究]一般财务人员能力及人岗匹配评估表
- [教学研究]打1.2.页 小学一年级暑假口算100以内加
- [教学研究]学习贯彻《中国共产党党和国家机关基层
- [教学研究]2012年呼和浩特市中考试卷_35412
- [教学研究]最简易的电线电缆购销合同范本
- [教学研究]如何开展安全标准化建设
- [教学研究]工作分析与人岗匹配
- [教学研究]2016-2017学年高中历史第七单元现代中
- 山东省义务教育必修地方课程小学三年级
- 台湾宜兰大学互联网交换技术课程 01_In
- 思想品德：第一课《我知我家》课件(人
- SAR合成孔径雷达图像点目标仿真报告(附
- 利辛县“十三五”规划研究报告
- 2015-2020年中国手机APP行业市场发展趋
- 广告策略、创意表现、媒体方案
- 企业如何申请专利的的几点思考
- 《中国教育简史》网上作业
- 高中历史第二单元西方人文精神的起源及
- 年终晚会必备_精彩的主持稿_精心整理_
- 信息工程专业自荐书
- 2019高考历史人教版一轮练习：第十二单
- JAVA俱乐部管理系统软件需求规格说明书
- 2016-2021年中国小型板料折弯机行业市
- (人教新课标)六上_比的基本性质课件PPT
- 辽宁省公务员考试网申论备考技巧：名言
- 神经阻滞麻醉知情同意书
- 施工企业信息填报、审核和发布的相关事
- 初一(七年级)英语完形填空100篇
