Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
html全稱英文是 hyper text markup language叫做超文本標記語言,html 就是用來去制作網頁的一種標記語言,它就是一種純文本格式的文件
純文本就是只能在內部去書寫文字內容,不能直接去添加圖片音頻視頻,但是我們會發現我們在網頁中呢?正常頁面中可以看到它里面添加了圖片、音頻視頻等等內容。
這是因為html它本身就與其他的文件不同,這門語言有它自己獨特的功能,那么理解一下 html 中的兩個重要概念,一個叫做 hyper text,超文本,一個叫做 markup 標記。
超文本叫做超級文本的縮寫,簡單一點說呢?超文本就是用來去鏈接另外一個文本或者多媒體內容的文本,也就是說超文本還是文本,不過比普通的文本有了一個特殊的功能,它可以去鏈接到另外一個內容,這個內容可以是另外一個文本,也可以是一個多媒體的內容;比如圖片、超鏈接、音頻、視頻程序等等,這就是超文本的概念。
那么怎么樣能讓我們的純文本去實現一個超美的功能呢?這就是html的另外一個功能,標記的作用。標記又叫做標簽,英文是 html tag,它有一個自己特殊的書寫規范,這種特殊的書寫的規范是寫給瀏覽器去看的,而不是給我們看的,它結合自己內部的普通的文字內容,可以去實現特殊的語義。
比如說我可以將一段普通的文字變成一個標題,將一個普通的文字變成一張圖片,這就是它的標記一個特點,我們在編輯器里面去進行編輯的時候,它是可以去看得到的,但是在瀏覽器中加載的過程中,又看不到標記,它只會去實現自己的功能。
標簽可以幫我們實現特殊的書寫效果,要么給我們的文字呢去添加特殊的含義,要么去添加我們新的內容進來新的圖片等等,
所以說沒有添加標記的網頁,它是一片混亂的文字堆積在一起,而添加了標記之后的網頁結構變得更加的清晰、有層次、有條理、而且還可以去添加除了文字以外的內容到網頁中了,這就是我們對 html 的初步印象。
全棧攻城獅-每日更新原創IT編程技術及日常實用視頻。
主要內容:這是HTML課程的第四課,主要講解HTML的文字標簽和格式標簽。在今天我們做一個屬于自己的簡歷。
在上一節中主要講解了HTML的標題標簽(h1~h7)以及加粗、斜體、下劃線、上下標等格式的標簽。上節請戳→HTML電腦編程03 標題物理字體標簽的使用,大學生學編程
HTML
font標簽通過字面意思來看,就是字體的意思。是的這是一個用來顯示文字的標簽。不過值得說的是,這個文字可以通過屬性的方式,指定顏色和字體大小。比如:
font標簽的寫法
效果:
font標簽的顯示效果
從書寫的HTML代碼可以看出,font標簽包括兩個參數:
color(字體的顏色):顏色的值可以為英文,也可以為RGB數值。
size(字體的大小):通過數字1~7可以控制字體的大小。
face(文字的顯示字體):這個屬性可以設置顯示的字體。如可以寫為:face="楷體"
在HTML中包括兩種顏色體系。一種就是直接寫顏色的英文,如:red(紅色)、blue(藍色)、green(綠色)等。
不同顏色
另外一種顏色體系是RGB。由R(Red)、G(Green)、B(Blue)三種顏色組成。相信小時候很多人都知道兩種不同的顏料,可以轉換為不同的顏色。RGB就是通過紅綠藍不同的明暗程度。來表示所有的顏色的。
RGB
RGB中的每一個顏色都是以六位十六進制進行表示。數值越大顏色越深。如:000000表示黑色。FFFFFF表示白色。RGB的表示形式一般前面增加#號。
段落標簽為p。會為里面的文字自動分段顯示:
p標簽自動分段
換行標簽為br,這是個單標簽。寫法為:<br/>。
br標簽的形式
效果:
換行標簽的效果
默認情況下,HTML的文檔排列形式為自上而下,自左而右。標簽包括行級標簽和塊級標簽。如果想要對塊級標簽進行換行,你就需要使用br標簽。
下面是幾個標簽,大家直接Sublime中寫入看一下效果哦。在以后就直接使用啦
居中預格式化標簽
通常我們在寫input時,它的背景文字框都是灰色的,樣式很單一,其實它可以做的更好看的,在CSS3中就專門提供了一屬性placeholder來實現輸入框的美化。接下來,就為大家展示下:
HTML:
CSS:
效果:
對于input輸入框的背景提示信息(placeholder)的美化雖然只是對網站應用的小小點綴,但正是這樣細節上的小差別將你的網站和別人的網站區別開來。IE10也支持了placeholder屬性哦!
切版 qieban(.cn)
*請認真填寫需求信息,我們會在24小時內與您取得聯系。