html5中塊級元素與行內與元素有哪些

塊元素一般都從新行開始，它可以容納內聯(lián)元素和其他塊元素,常見塊元素是段落標簽'P"?！癴orm"這個塊元素比較特殊，它只能用來容納其他塊元素。

羅平網站建設公司成都創(chuàng)新互聯(lián)公司,羅平網站設計制作，有大型網站制作公司豐富經驗。已為羅平上1000家提供企業(yè)網站建設服務。企業(yè)網站搭建\外貿營銷網站建設要多少錢，請找那個售后服務好的羅平做網站的公司定做！

塊元素(block?element) ??

*?address?-?地址

*?blockquote?-?塊引用

*?center?-?舉中對齊塊

*?dir?-?目錄列表

*?div?-?常用塊級容易，也是css?layout的主要標簽

*?dl?-?定義列表

*?fieldset?-?form控制組

*?form?-?交互表單

*?h1?-?大標題

*?h2?-?副標題

*?h3?-?3級標題

*?h4?-?4級標題

*?h5?-?5級標題

*?h6?-?6級標題

*?hr?-?水平分隔線

*?isindex?-?input?prompt

*?menu?-?菜單列表

*?noframes?-?frames可選內容，（對于不支持frame的瀏覽器顯示此區(qū)塊內容

*?noscript?-?可選腳本內容（對于不支持script的瀏覽器顯示此內容）

*?ol?-?排序表單

*?p?-?段落

*?pre?-?格式化文本

*?table?-?表格

*?ul?-?非排序列表

內聯(lián)元素(inline?element) ??

*?a?-?錨點

*?abbr?-?縮寫

*?acronym?-?首字

*?b?-?粗體(不推薦)

*?bdo?-?bidi?override

*?big?-?大字體

*?br?-?換行

*?cite?-?引用

*?code?-?計算機代碼(在引用源碼的時候需要)

*?dfn?-?定義字段

*?em?-?強調

*?font?-?字體設定(不推薦)

*?i?-?斜體

*?img?-?圖片

*?input?-?輸入框

*?kbd?-?定義鍵盤文本

*?label?-?表格標簽

*?q?-?短引用

*?s?-?中劃線(不推薦)

*?samp?-?定義范例計算機代碼

*?select?-?項目選擇

*?small?-?小字體文本

*?span?-?常用內聯(lián)容器，定義文本內區(qū)塊

*?strike?-?中劃線

*?strong?-?粗體強調

*?sub?-?下標

*?sup?-?上標

*?textarea?-?多行文本輸入框

*?tt?-?電傳文本

*?u?-?下劃線

*?var?-?定義變量

如何在HTML中畫一條線

需要準備的材料分別有：電腦、chrome瀏覽器、html編輯器。

1、首先打開html編輯器，新建一個html文件，例如：index.html。

2、其次，在index.html的body標簽中，添加代碼：hr/。

3、瀏覽器運行index.html頁面，此時成功在html中畫了一條線。

如何用html5寫特殊符號五角星

首先貼出HTML5頁面的代碼：

!DOCTYPE html

html

head

meta charset="UTF-8" /

titleCanvas案例/title

/head

script type="text/javascript" src="script.js"/script

body onload="draw('canvas')"

h1Canvas案例/h1

canvas id='canvas' width="400" height="300" /

/body

/html

在這個頁面中我們寫了一個canvas元素。該元素的ID為canvas。然后鏈接了script.js這個文件。

//script.js

function draw(id)

{

var canvas = document.getElementById(id);

if(canvas==null){

return false;

}

var context = canvas.getContext('2d');

context.fillStyle="#eeeeff";

context.fillRect(0,0,400,300);

context.fillStyle='rgba(255,0,0,0.25)';

context.translate(200,50);

createFiveStar(context);

context.fill();

}

function createFiveStar(context){

var dx = 0;

var dy = 100;

var s = 50;

context.beginPath();

var x = Math.sin(0);

var y = Math.cos(0);

var dig = Math.PI/5*4;

for(var i=0;i5;i++){

var x = Math.sin(i*dig);

var y = Math.cos(i*dig);

context.lineTo(dx+x*s,dy+y*s);

}

context.closePath();

}

我們提供了兩個方法一個是draw方法。當頁面加載完成的時候就會執(zhí)行draw方法中的內容。

而draw方法中呢又會執(zhí)行createFiveStart函數。

下面我來分析下createFiveStart函數的內容：

function createFiveStar(context){

var dx = 0;//畫出來的五角星x偏移位置

var dy = 100;//畫出來的五角星y偏移位置

var s = 50;//畫出來的五角星的大小

context.beginPath();//開始路徑繪制

var x = Math.sin(0);//默認的x坐標

var y = Math.cos(0);//默認的y坐標

var dig = Math.PI/5*4;//弧度值

for(var i=0;i5;i++){

var x = Math.sin(i*dig);

var y = Math.cos(i*dig);

context.lineTo(dx+x*s,dy+y*s);//劃線

}

context.closePath();//結束路徑

}

好了到了這里我們就完成了HTML5中，五角星的繪制。

html5怎么設置字體下劃線

1、示例代碼

!DOCTYPE html

html

head

meta charset="utf-8" /

title/title

style

body{

padding: 20px;

}

#ufont{

color: lightskyblue;

font-size: 40px;

font-family: "bookman old style";

font-weight: bolder;

text-decoration: underline;

}

/style

/head

body

div id="ufont"顯示/div

/body

/html

2、示例結果

3、知識擴展

none：? ? ? ? ? ? 指定文字無裝飾

underline：? ? ?指定文字的裝飾是下劃線

overline：? ? ? ?指定文字的裝飾是上劃線

line-through：指定文字的裝飾是貫穿線

blink：? ? ? ? ? ? 指定文字的裝飾是閃爍

名稱欄目：html5劃線,html畫線
分享鏈接：http://chinadenli.net/article24/dsdgije.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、用戶體驗、網站導航、小程序開發(fā)、電子商務、網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)