技术 | Web前端开发(2)持续更新


接着​上一篇技术| Web前端开发(1)持续更新

html常用标签:

标签:  <b></b><i></i>

代码
浏览器显示效果

这里我们对比一下发现:

标签和标签,以及标签和标签显示的效果是一样的。那么有什么区别呢,回答是没有区别,哪个好记用哪个,比如很多人习惯用word,那么肯定知道b就是加粗,但是现在html更趋进去语义化,从表面意思就可以看出来是加粗的意思,也是极为容易记住的。

标签:<del></del>

代码

浏览器显示效果

​通过浏览器中显示,我们可以看到:标签可以在文字上显示出横线删除效果,比如某电商网站三星手机原价6888,现价多少多少。但是,这里会有这么一个问题,就是编程越界。咱们的html就是用来结构化代码,样式用css,但是这里html标签越界了。这样就没办法让我们的html和css分离。所以就有了css:style那一行代码,同样可以实现。我们后面会讲css。

标签:&;      <>

代码

浏览器中显示效果

我们可以看到,我在代码里打了很多个空格,可是在浏览器中显示出来的仅仅只有一个空格,这是为什么呢,当然不是因为没用谷歌或者火狐浏览器导致的,这个空格在代码中表示的含义是文字分割符,因此无论在代码中打了多少的空格,浏览器都只能分割字符。那么要怎么才能在代码中打出空格的效果来呢?再看下面代码:

代码

浏览器中显示效果

​我们可以看到,通过 ;可以实现空格的效果,同时这里的代码中还出现了<和>  它们分别代表小于号和大于号,因为小于号和大于号在html代码中是标签的一部分,因此不能直接使用,要用代码转译。

同时,上面的代码中还出现了<br>,注意,<br>是单标签,它的作用是换行。

​标签:<ol></ol>  <li></li>

我们先写代码,看一下在浏览器中的效果:

代码

浏览器中显示效果


不难看出,这是一个列表标签。并且是有序列表,很明显,前面有数字嘛!

代码
浏览器中显示效果

    中有type=""这个属性,中间可以写上a,这个时候,浏览器中就显示为a,b,c这种字母小标。

    当然有人会问,能不能让排序倒着,我们可以在type后再加上:reversed="reversed"​;就可以了。这时候总有好事网友会问,那能不能让排序方式从2或者3开始,我不想从1开始。这时候,我告诉你,当然可以的!只要在type属性后加上:start="2";  这个时候排序方式就可以从2开始了

    ​标签:<ul></ul>  <li></li>

    • 代码

      浏览器中显示效果

        不难看出,这个也是一个列表,只是变成了无序的,那么它有属性么?当然是有的,

        type=“spuare”带上这个属性时,前面的黑色圆圈就变成了正方形的方块。当然,你还可以换成空形圆。但是,你想在网站中看到这样丑的方式,恐怕也是很难的,那么有没有用呢,当然没用。但是,往往越没有用的东西,越是很重要。

        为什么说无序列表很重要,下面来具体解释一下。几乎每个网站都有<ul></ul>    <li></li>
        ,那么它们在哪儿呢?不卖关子了,网站的导航栏几乎都是这玩意做到。后面我们在写网站导航栏的时候会具体讲到怎么用它来写网站导航栏。(因为还没有讲css,所以后面再讲)

        标签:<img src="">

        <img src="">是一个单标签,代表意思是图片,后面的属性src是指向图片路径,用来引入图片。

        路径有三种:第一种是网站上的url,第二种是本地的相对路径,第三种是本地的绝对路径。

        <img>还有两个属性,alt="",这是为了占位用的,比如当网页加载不出来图片时(图片丢失),会实现占位功能,还有一个属性叫title=“”,这个是图片提示符,为了可以增加图片的可读信息。


      • 最后编辑于
        ©著作权归作者所有,转载或内容合作请联系作者
        • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
          沈念sama阅读 204,684评论 6 478
        • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
          沈念sama阅读 87,143评论 2 381
        • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
          开封第一讲书人阅读 151,214评论 0 337
        • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
          开封第一讲书人阅读 54,788评论 1 277
        • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
          茶点故事阅读 63,796评论 5 368
        • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
          开封第一讲书人阅读 48,665评论 1 281
        • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
          沈念sama阅读 38,027评论 3 399
        • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
          开封第一讲书人阅读 36,679评论 0 258
        • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
          沈念sama阅读 41,346评论 1 299
        • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
          茶点故事阅读 35,664评论 2 321
        • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
          茶点故事阅读 37,766评论 1 331
        • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
          沈念sama阅读 33,412评论 4 321
        • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
          茶点故事阅读 39,015评论 3 307
        • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
          开封第一讲书人阅读 29,974评论 0 19
        • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
          开封第一讲书人阅读 31,203评论 1 260
        • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
          沈念sama阅读 45,073评论 2 350
        • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
          茶点故事阅读 42,501评论 2 343

        推荐阅读更多精彩内容

        • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
          _Yfling阅读 13,727评论 1 92
        • 生活的琐碎、工作的烦恼、社交的困扰、心理的弊病,常常让我们失去理性、丢掉修养、抹掉和善、锁紧胸怀。 每当此时,就会...
          茧蝶2016阅读 468评论 12 10
        • 今天是我学习的第336篇文章,每天只字不差地阅读和必须的留言结果就是:短短不到一年的时间,我的生活已经产生了翻天覆...
          风筝有风007阅读 442评论 1 1
        • 咖啡香远甜杂苦,忙中偷闲品一壶。 午品咖啡别有味,莫说饮此不消孤。
          徐一村阅读 141评论 0 3