吾爱破解 - LCG - LSG |安卓破解|病毒分析|破解软件|www.52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

领取今日签到奖励
查看: 838|回复: 17

[Web] HTML新手入门帖<3>

[复制链接]
发表于 2018-10-11 19:44 | 显示全部楼层
本板块禁止发布 “电子书资料” ,此类主题请发布至『电子书屋』
本板块禁止发布讨论和求助帖,此类主题请发布至『编程语言讨论求助区』
本板块禁止发布 “视频教程” ,此类主题请发布至『动画精品转载区』
文字标签属性——<1-3>
文字属性标记<font>..</font>1.文字颜色 指定颜色 <font color=#> ... </font>#=RRGGBB 16 进制数码
例:010.htm






文字属性标记
2.文字字体
<font face=“#, #, ..., #”> ... </font> #=客户端可获得的字体
011.htm






文字属性标记
3.文字大小
<font size=#> ... </font>
#=1, 2, 3, 4, 5, 6, 7 or +#, -#
例:012.htm












文字布局

行的控制
段(Paragraph) (可以看作是空行) <p>
空白占位符&nbsp;
例:013.htm




行的控制
HTML的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的话,就要用到另一个元素,即<br>元素。<br>元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。<br>元素不是成对出现的。
例:014.htm
不换行<nobr>
            015.htm












HTML文字与段落格式控制

[HTML] 纯文本查看 复制代码
<body>……
     <i>倾斜文本</i>
     <b>粗体文本</b>
     <u>下划线文本</u>
	  <s>删除线文本</s>
     ……</body> 

例:016.htm







基本组成部分—HTML注释


HTML文档可以插入注释。注释内容不会在浏览器窗口显示
HTML注释的格式为:
<!-- 注释内容 -- > <!--多行注释内容 -- >









文字的对齐

[HTML] 纯文本查看 复制代码
<hn align=#>...</hn> (n=1,2,3,4,5,6) 
<p align=#>...</p> (#=left, center, right)










3.HTML段落与分行控制




居中--- <center>元素
<center>元素是一个独立的使所标记的字符居中的元素。它的作用与使用<p>元素里的align=“center”类似
例如:<center>居中段落</center>



标尺线
        <hr size = #>:设定线宽
         <hr width=#>:设定线长
         <hr align=#>:设定对齐方式 #=left, right
         <hr color=#> :设定线的颜色












3.HTML段落与分行控制


无序列表元素—1
列表在HTML的文档里有重要的地位,HTML规定了多种列表元素。列表所起的主要作用是使特定的文本有序化。







无序列表元素—2

无序列表是由<ul>和<li>元素定义的:

<ul>

<li>sports</li>

<li> food </li>

<li> drink </li>

<li> friends </li>

</ul>









4.超级链接—普通超级链接1


超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念,那么,我们现在所有的WWW的应用将不复存在。所以,对超级链接的掌握具有特殊重要的意义。




4.超级链接—普通超级链接2


超级链接是用锚元素<a>定义的
在<a>元素下,有元素属性href, href的属性值为一个URL地址
如:<a href=“http://www.ecust.edu.cn”>指向学校的超级链接</a>
如:<a href=“29.htm">普通超级链接</a>
例:021.html


超级链接—E-mail超级链接




超级链接可以指向E-mail地址
如:<a href=“mailto:ldd@mail.ecust.edu.cn">指向E-mail地址的超级链接</a>
例:022.htm
4.超级链接—新开链接窗口


开一个新的(浏览器)窗口 (Target Window)
<a href="URL" target=“_blank"> ... </a>
例:023.htm






HTML对图片的控制--1



基本语法:
<img src=“图片名称”>
引用图片必须用<img>元素标志。<img>元素下的基本元素属性是src属性,src的属性值为所引用的图片的URL地址。
src属性是必须的。Src的URL可以是绝对地址,也可以是相对地址





HTML对图片的控制--2
所谓图片的替代文本,指图片不能显示时在图片所在位置显示的一段文本或当鼠标移到图片上时也会显示替代文本。
定义图片替代文本的方法是:
<img src=“图片名称” alt=“这是一张图片”>
例:024.htm




HTML对图片的控制--3

图片的显示大小
我们可以指定一幅图片在浏览器窗口里的显示大小。
定义图片的显示大小的方法是:
<img src="sample.jpg" width=100 height=100 >
width指定图片的宽度,height指定高度。它们的属性值可以是象素,也可以是%。


HTML对图片的控制--4
图片的边框
我们可以为一幅图片加一个边框以突出显示:
<img src="sample.jpg" border= " 2 " >
border的属性值为象素数


HTML对图片的控制--5
图片的对齐方式
图片可以相对于页面或单元格有一个对齐方式。
定义水平对齐方式的方法是:
<img src=“sample.jpg” align=“left” >
<img src=“sample.jpg” align=“right”>






附件我就不发了,以便你们更好的自学


备注:此文章仅提供给喜好HTML新手,这些是基础,如内容有错误回复我。  <老版教程是旧了点 我入门学的这个 基础扎实最重要>












免费评分

参与人数 1吾爱币 +1 收起 理由
无影 + 1 说句不好听的 文章乱成这样小白真的能看懂?

查看全部评分

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

 楼主| 发表于 2018-10-30 15:59 | 显示全部楼层
名字全被注册啦 发表于 2018-10-11 20:13
标签在h5已经被弃用了哦~

感谢您的支持,虽然方法有点老,万变不离其宗, 对新手纯手打代码 用着比较合适哦

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

 楼主| 发表于 2018-10-30 16:00 | 显示全部楼层
名字全被注册啦 发表于 2018-10-11 20:13
标签在h5已经被弃用了哦~

感谢您的支持,虽然方法有点老,万变不离其宗 但是对新手手打代码 很有用哦~

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-11 19:57 | 显示全部楼层

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-11 19:58 | 显示全部楼层
不过,加油吧。

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-11 20:03 | 显示全部楼层
我也在学 ,一起加油吧

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-11 20:13 | 显示全部楼层
<font>标签在h5已经被弃用了哦~

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-11 20:26 | 显示全部楼层
前端的知识就是杂了点,不用刻意去记,用多了自然就会了

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-12 16:19 | 显示全部楼层
小白一枚,正在学,感觉还是要学很多的..........

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-12 21:44 | 显示全部楼层
正在学 谢谢了

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-13 12:12 | 显示全部楼层
感谢楼主分享!

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2018-10-13 23:25 | 显示全部楼层
谢谢楼主,不过我看不懂(纯小白)

发帖求助前要善用论坛搜索功能,那里可能会有你要找的答案;

如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】

如何回报帮助你解决问题的坛友,一个好办法就是给对方加【热心】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则


免责声明:
吾爱破解所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:Service@52PoJie.Cn

快速回复 收藏帖子 返回列表 搜索

RSS订阅|手机版|小黑屋|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2018-12-14 20:52

Powered by Discuz!

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表