整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
、 設置字體樣式的基本標簽是<font></font>，被其包含的文本為樣式作用區。在初學者的HTML代碼編寫中，<font></font>容易被多重嵌套，如<font 屬性1=值1><font 屬性2=值2>文本</font></font>。還有一種情況是標簽嵌套錯位，如<font><p>文本</font></p>。為了規范代碼的編寫，避免不必要的錯誤，讀者在初學時一定要謹慎。
2、設置文字的顏色 color 是標簽的屬性之一，用于設置文字顏色。color是<font></font>標簽的屬性之一，用于設置文字顏色。例子如：淺紅色文字：<font color="#dd0000">51UM博客即湯湯個人博客網站，是一個和草根站長們一起學習分享網站SEO優化技術、web前端開發為主的個人博客網站。</font>
3、設置文字的尺寸 size 也是標簽的屬性，用于設置文字大小。size 的值為1-7， 默認為3。我們可以 size 屬性值之前加上“+”“-”字符，來指定相對于字 、 號初始值的增量或減量。例子如： size為1：<font size="-2">HTML學習</font>
4、使文字傾斜，用雙標簽<i></i>可使被作用文字傾斜，達到特殊的效果，例如文章的日期。<em></em>被稱為強調標簽，也是斜體，目前使用比<i></i>標簽更頻繁，其編寫方法如下：
<i>這是斜體文字</i>
<em>這也是斜體文字</em>
5、 使文字加粗，用雙標簽<b></b>可使被作用文字加粗，是文字更加醒目，例如文章的標題部分。<strong></strong>被稱為特別強調標簽，也是文字加粗，目前使用比<b></b>標簽更頻繁，其編寫方法如下：
<b>這是粗體文字</b>
<strong>這也是粗體文字</strong>
除注明外的文章,均為來源：湯久生博客(QQ:1917843637),轉載請保留本文地址，謝謝！
實際開發中經常會遇到動態操作元素樣式的需求。因此，vue 允許開發者通過 v-bind 屬性綁定指令，為元素動態綁定 class 屬性的值和行內的 style 樣式。
可以通過三元表達式，動態的為元素綁定 class 的類名。示例代碼如下：
<h3 class="thin" :class="isItalic?'italic'： ">MyDeep組件</h3>
<button @click="isItalic=!isItalic">Toggle Italic</button>
data() {
return { isItalic: true }
}
.thin{ // 字體變細
font-weight:200;
}
.italic{ // 傾斜字體
font-style: italic;
}如果元素需要動態綁定多個 class 的類名，此時可以使用數組的語法格式：
<h3 class="thin" :class="[isItalic ? 'italic' : '", isDelete ? 'delete' : '"]">
MyDeep 組件
</h3>
<button @click="isItalic=!isItalic">Toggle Italic</button>
<button @click="isDelete=!isDelete">Toggle Delete</button>
data(){
return {
isItalic: true,
isDelete: false,
}
}使用數組語法動態綁定 class 會導致模板結構臃腫的問題。此時可以使用對象語法進行簡化：
<h3 class="thin" :class="class0bj">MyDeep 組件</h3>
<button @click="class0bj.italic = !class0bj.italic">Toggle Italic</button>
<button @click="class0bj.delete = !class0bj.delete">Toggle Delete</button>
data(){
return {
classobj：{ //對象中，屬性名是class 類名，值是布爾值
italic: true,
delete: false,
}
}
}4. 以對象語法綁定內聯的 style
:style 的對象語法十分直觀——看著非常像 CSS，但其實是一個 JavaScript 對象。CSS property 名可以用駝峰式 (camelCase) 或短橫線分隔 (kebab-case，記得用引號括起來) 來命名：
了解相關html的概念及編程工具，運行工具，語法之后，我們需要進一步詳細了解，html中可以寫那些標簽代碼，因為html是一門超文本標記語言。在html標簽中，有上百種的標簽，但是對于一個初步學習者，會感到頭痛，其實在真正的編程時，用到html中的標簽不會超過20-30個。所以我就叫這些常用的標簽，也就是今后編程中，會一定遇到的標簽，首先看看有哪些常用的標簽。
html常用標簽：
標題標簽： <h1></h1> 在我們頁面中，會寫很多文字，文字也會有標簽，當有標題之時就需要用到標題標簽，除了h1之外，有h2,h3 。。。一直到h6.他們的區別在于對字體的大小有區分，h1字體最大，以此類推，并且，此標簽還可以對文字進行加粗。注意：一個html頁面中，只能只有一個h1標簽，其他的可以出現多次。
段落標簽：<p></p>，當文字之間需要段落空行，可以用到此標簽
例子：
段落標簽代碼
段落標簽顯示效果
加粗標簽：
<b></b>或者<strong></strong>,對文字進行加粗處理；它們的作用是一樣的，但是它們語義不一樣，strong代表的是強調
文字傾斜標簽：
<i></i> 或者 <em></em>對文字進行切斜處理；它們的作用是一樣的，但是它們語義不一樣，em代表的是強調
超鏈接標簽：
<a href="需要跳轉的地址" target="跳轉的方式">百度</a>
寫在標簽里面的單詞，例如href 、target 都叫標簽的屬性。屬性后面會有該屬性的值；
href屬性非常重要，用來設置超鏈接的目標地址或錨標記地址
target屬性設置打開頁面的方式(_self(默認) | _blank)
_self：在當前頁面打開新的地址
_blank：新打開一個頁面
超鏈接標簽代碼
顯示效果
圖片標簽：
<img src="圖片地址（相對地址/絕對地址）" width="圖片寬度" height="圖片高度" />
*img標簽是一個單標簽，也就是說不需要寫成<img></img> 寫成<img src="123.jpg" />即可
*width和height屬性可以設置百分比 或者像素 例如：20px 或者20%
*src寫路徑的時候一定要用“/”，最好不要用“\”
圖片標簽代碼
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
