日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

html红色星号怎么做_码农的插花艺术:HTML(一)

發布時間:2025/3/12 HTML 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html红色星号怎么做_码农的插花艺术:HTML(一) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

這是筆者學習html的過程中的小小心得和體會,由于筆者也是前端初學者,能力有限難免出錯,懇請各位讀者看到有錯誤的地方多多包涵,也歡迎各位在評論區積極討論。

嚴格來講html并不算一種“語言”。html的文檔可以以txt的形式保存,當使用瀏覽器打開時便自動轉化為一個網頁。html以各種tag組成,在我看來,就如在一個花盆(文件)內插花。

html的語法總的來說是由標簽組成,格式是<element name="value">,其中element規定了這個標簽的類型,name是這個標簽的屬性名,value是屬性值。如果一個標簽有內容,會使用<> </>的格式

插花的基礎是一個花籃,花瓶,抑或是花盆等載體。這就是頭部的聲明<!DOCTYPE html>和把整個html文件框起來的<html></html>。

然后我們在插花前要對載體預處理,包含在<head></head>里。其中最關鍵的是編碼聲明和標題,舉例如下:

<head><meta charset="utf-8"><!-- 注釋:這是編碼說明 --><title>標題</title><!-- 這是文章標題 --><link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

當然也可以像例子中一樣使用link標簽鏈接外部樣式表。樣式表可以理解為為插花拍照的濾鏡。后面會再提到。

然后我們要開始將各種花插到花瓶中,花瓶就是html文件的<body>tag。

<body><p>醛基的測試網頁!</p> </body>

<p></p>代表的是一個段落,而其他的tag可以去這個鏈接里面看看。

當然我們并不止步于普通的黑白文字,我們可以對一個對象元素做處理,比如:

<p style="color:red">我是紅色! </p>

如果要對一類元素進行處理,可以使用class屬性和樣式表

<body><h1 class="redcolor">我是紅色!</h1><p class="redcolor">我也是紅色!</p> </body> <style>.redcolor{"color:red"} </style>

如果對單個元素進行處理,也可以用id屬性,在書寫樣式表的時候也要加以處理,如:

<body><h1 id="redcolor">我是紅色!</h1> </body> <style>#redcolor{"color:red"} </style>

這一部分要是進行深入的學習,就要涉及到css的知識。但是如果不對css也進行學習,單純用html寫出來的東西非常簡陋。就像插花也不是一把大剪刀把花掰扯下來堆一起就好了的,優秀的插花工人會對花進行修飾潤色。

css能做的不僅僅是靜態的展示,也可以做到一很多動態的展現。但是如果說要在網頁上進行較強的交互,就需要javascript腳本等其他工具的幫助。此時不單單是簡單的插花了,花瓶中有蝴蝶蜜蜂飛舞。當然筆者自己也還沒對此深入了解過,也希望在下一篇文章中能與大家分享有關的知識~

總結

以上是生活随笔為你收集整理的html红色星号怎么做_码农的插花艺术:HTML(一)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。