整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          話說前端(1)-前端a標簽的使用

          話說前端(1)-前端a標簽的使用

          擊藍字 關(guān)注我們


          分享興趣,傳播快樂,增長見聞,留下美好!親愛的您,這里是Learning yard新學苑。今天小編為大家?guī)怼禷標簽的使用方法》。

          Share interest, spread happiness, increase knowledge, and leave behind beauty! Dear you, this is Learning yard New Academy. Today, Xiaobian brings you "How to Use A Label".

          前端網(wǎng)頁的打開方式:

          一般用標簽a來引用例如<a href=”#”></a>填寫#的地方就是你需要跳轉(zhuǎn)的網(wǎng)站例如:

          How to open the front page:

          Generally, web pages are quoted by the label A, for example < a href="#" > </a > The place where # is filled in is the website you need to jump to, for example:


          標簽中間寫字,就可以得到以下效果:

          里頭的字默認就是藍色,有下劃線。當然字體也可以調(diào)整可以通過css里的text-decoration:none,來取消下劃線,通過color來調(diào)整字體顏色。代碼效果如下

          The words in it are blue by default and underlined. Of course, the font can also be adjusted. You can cancel the underline by text-decoration: none in css, and adjust the font color by color. The code effect is as follows


          咱們再回到網(wǎng)站最重要的一點就是打開方式,用target來引用,樣式為<a href=”#” target=””></a>,其中有blank,在新的一個頁面打開,self,在本頁面打開(默認為)parent(在a里面打開,以后知識齊全再講)以及top 和framename最常用的就是前兩個。

          Let's go back to the website's most important point, which is how to open it. Use target to quote it, and the style is < a href="#" target="> </a >, among which blank, open on a new page, self, open on this page (default is) parent (open in A, we'll talk about it later), top and framename, and the most commonly used ones are the first two.

          總結(jié)如下:

          Summarize as follows:

          今天的分享就到這里了。如果您對今天的文章有什么獨特的想法,歡迎評論留言,讓我們相約明天,祝您今天過得開心快樂!

          That's it for today's sharing. If you have any unique ideas for today's article, please leave a comment, let us meet tomorrow, I wish you a happy day!

          LearningYard學苑

          分享興趣,傳播快樂,增長見聞,留下美好!少年易老學難成,一寸光陰不可輕

          本文由learningyard新學苑原創(chuàng),如有侵權(quán),請聯(lián)系刪除。

          翻譯來源:谷歌翻譯

          排版:李仕陽

          文本:李仕陽

          審核:閆慶紅

          過web前端開發(fā)的都知道,每個標簽都自帶樣式,比如body自帶margin,a標簽自帶下劃線,li標簽自帶小圓點,但是你知道更具體的嗎?以下的文檔還原了w3c對每個標簽最初的定義,收藏一下,對你一定有幫助。

          @charset "utf-8";/*@charset "gb2312";*//**
          *============================================================================* 版權(quán)所有: 切版
          * 網(wǎng)站地址: http://www.qieban.cn
          * 該文件為W3C為標簽賦予最原始樣式規(guī)則、制作參考無實際作用
          * ----------------------------------------------------------------------------
          **/ 
          html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 8px } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, select { display: inline-block } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } table { border-spacing: 2px; } thead, tbody, tfoot { vertical-align: middle } td, th { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } ol, ul, dir, menu, dd { margin-left: 40px } ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "\A" } :before, :after { white-space: pre-line } center { text-align: center } :link, :visited { text-decoration: underline } :focus { outline: thin dotted invert } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3,
          h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } }

          切版,切圖網(wǎng)旗下靠譜的web前端外包服務切圖客群體。http://www.qieban.cn/

          作為一個零基礎(chǔ)入門的小白,應該先從基本的html標簽開始認起。熟悉后再進行下一步學習。

          HTML 標題

          HTML 標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。

          <h1>www.861lll.com</h1>

          HTML 段落

          HTML 段落是通過 <p> 標簽進行定義的。

          <p>www.861lll.com</p>

          HTML 鏈接

          HTML 鏈接是通過 <a> 標簽進行定義的。

          <a href="http://www.861lll.com">www.861lll.com</a>

          HTML 圖像

          HTML 圖像是通過 <img> 標簽進行定義的。

          <img src="http://www.861lll.com" width="104" height="142" />
          • HTML 元素以開始標簽起始
          • HTML 元素以結(jié)束標簽終止
          • 元素的內(nèi)容是開始標簽與結(jié)束標簽之間的內(nèi)容
          • 某些 HTML 元素具有空內(nèi)容(empty content)
          • 空元素在開始標簽中進行關(guān)閉(以開始標簽的結(jié)束而結(jié)束)
          • 大多數(shù) HTML 元素可擁有屬性

          主站蜘蛛池模板: 亚洲片一区二区三区| 无码中文字幕乱码一区| 国产伦理一区二区三区| 人妻av无码一区二区三区| 国产成人久久一区二区三区| 亚洲日韩中文字幕无码一区| 亚洲天堂一区在线| 久久国产一区二区三区| 上原亚衣一区二区在线观看| 日韩精品电影一区亚洲| 日本一区二区三区日本免费| 亚洲AV成人一区二区三区观看| 91在线一区二区| 99热门精品一区二区三区无码| 无码aⅴ精品一区二区三区浪潮| 日本精品一区二区三区在线观看| 久久影院亚洲一区| 中文字幕aⅴ人妻一区二区 | 91无码人妻精品一区二区三区L| 精品一区二区在线观看| 亚洲AV成人一区二区三区AV| 久久综合精品不卡一区二区| 国产爆乳无码一区二区麻豆| 亚洲一区中文字幕久久| 亚洲男女一区二区三区| 亚洲日韩AV一区二区三区中文| 精品人妻无码一区二区色欲产成人| 国产精品无码一区二区三区不卡| 夜精品a一区二区三区| 日本一区二区三区中文字幕| 国模无码人体一区二区| 久久亚洲AV午夜福利精品一区| 麻豆一区二区在我观看| 亚洲午夜精品一区二区麻豆 | 国产精品污WWW一区二区三区| 国产成人精品一区在线 | 国内自拍视频一区二区三区| 无码精品不卡一区二区三区| 日韩十八禁一区二区久久| 国产亚洲一区二区在线观看| 精品一区二区三区在线成人|