網站搭建之html代碼的基礎認識

論是建站還是SEO，都需要對代碼有一定的基礎認識，畢竟網站搭建和SEO不分家嘛！況且互聯網的時代，我們大多都應該看到代碼但對它不陌生。

<html>網頁開始

<head>網頁頭部

</br>換行

<hr>水平線（html）標簽里面加屬性修飾。例如：<hr width="50%"/> 50%為相對值（500px）則為絕對值，可以進行變化。

屬性值對齊方式 aligh="left" 左 “right”右

網頁注釋：

alt 跟SEO有關 alt=“描述”

line-height 行高（控制每行字之間的距離）

font-hright 調整字體例如：<style="font-family 宋體">

超鏈接：<a href="超鏈接地址"/>這里為地址內容的名字</a>

target="blank" （在新的瀏覽窗口進行打開）

更多關于網站搭建的內容歡迎訪問局外人SEO!

奇的代碼

、HTML表單

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 1.表單元素
用來聲明數據提交的范圍
只有在此元素內的數據可以提交給服務器 -->
<form action="http://www.baidu.com">
<!-- 2.表單控件
用來讓用戶輸入數據的
1）input元素（9個），它們之間用type元素區分-->
<!-- 文本框
value:設置默認值 maxlength:設置最大長度 readonly:設置只讀 -->
<p>
賬號:<input type="text" value="lcz" maxlength="10"/>
</p>
<p>
密碼:<input type="password">
</p>
<!-- 單選框 name:組名。同一組名互相排斥
checked設置默認選中-->
<p>
性別:
<input type="radio" name="sex" checked="checked"/>男
<input type="radio" name="sex"/>女
</p>
<p>
興趣愛好:
<input type="checkbox" checked="checked"/>音樂
<input type="checkbox" checked="checked"/>看書
<input type="checkbox"/>打球
</p>
<p>
頭像上傳:<input type="file"/>
</p>
<p>
<input type="hidden" value="abc"/>
</p>
<!-- 按鈕
submit：提交表單中的數據
reset：將表單中的數據重置為初始值
button:沒有任何功能，需通過js定義功能 -->
<p>
<input type="submit" value="注冊">
<input type="reset" value="重置">
<input type="button" value="按鈕">
</p>
<!-- label：用來管理表單中的文本 id:是元素的唯一標志，相當于元素的身份證號，任何元素都可以由id，程序員有義務保證元素的id不重復
可以將文本與空間綁定在一起，從而增加了控件的受力面積。-->
<p>
<input type="checkbox" id="xieyi"/>
<label for="xieyi">我已閱讀并且自愿遵守此協議！</label>
</p>
<p>
城市:
<select>
<option>請選擇</option>
<option selected="selected">北京</option>
<option>上海</option>
<option>廣州</option>
<option>深圳</option>
<option>杭州</option>
</select>
</p>
<p>
簡介：<br>
<textarea rows="10" cols="100">這是文本域的默認值</textarea>
</p>
</form>
</body>
</html>

在線咨詢

上一篇：站長在線HTML5精講：HTML的相關概念詳解
下一篇：Ueditor二次編輯word（doc和docx格式），SpringBoot后端

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

網站搭建之html代碼的基礎認識

您的項目需求