1. 程式人生 > >關於一點HTML的東西

關於一點HTML的東西

<!DOCTYPE html>
<!--採用html5標準的文件定義-->
<html>
	<head>
		<title>HTML第一天</title>
		<!--通知瀏覽器使用utf-8來解碼,meta是單標記,可以不寫結束標記,charest的值要與檔案儲存的值一致-->
		<meta http-equiv="Content-Type" content="text/html; charest=utf-8">
		<meta name="keywords" value="html,css"><!--title和keywords的內容靠營銷團隊來設定,與頁面顯示內容無關,是用來做seo的-->
	</head>
	<body><!--在網頁中顯示的內容寫在body裡面-->
		<h1>h元素等級</h1><!--h元素表示標題-->
		<p>h元素共分6級,從h1到h6,6個等級就能把一個文章的段落清晰的表達出來</p><!--表示段落-->
		<h1>這裡要說的是<span style="color:red">div 的用法</span>,行內元素和原有內容混合一塊</h1><!--span是行內塊,在這裡表示設定顏色-->
			<div id="logo">圖示區域,接下了是塊元素<p><span style="color:blue">藍色塊元素</span></p>,會自動插入前後的回車,佔有一個方形區域</div><!--div只是用於用來劃分區塊 ,不顯示內容,處理p和p元素的內容-->
			<p>可以用   替代一個空格,稱之為實體替換 。連續的空                        格在頁面顯示時只有一個空格,此現象為空格的摺疊 </p>
		<h1 align="center">對齊屬性 center表示中間,還有左對齊(left)右對齊(right)</h1>	
		<h1>第一天內容</h1>
		<p>老師:蒼老師<br>電話:111000111<br>地址:北京海淀</p><!--br是單標記,表示換行-->
		<img src="demox.jpg"><!--顯示同目錄下的圖片,這裡是相對路徑,絕對路徑就需寫全地址,一般都做相對路徑-->
		<p>超連結<a href="https://www.baidu.com/" target="_blank">點這,連百度</a></p><!--用來設定連結,target設定是否在當前頁當開,不寫預設當前-->
		<h1><span style="color:yellow">設定錨點</span></h>
		<p>
		<a href="#1">第一章</a><br>
		<a href="#2">第二章</a><br>
		<a href="#3">第三章</a>
		</p>

		<h1 id="1">第一章</h1>
		<p>
		<ul><!--無序列表,是父元素-->
				<li><!--列表項是子元素-->
					電腦<ul>
							<li>平板</li>
							<li>品牌電腦</li>
							<li>組裝電腦</li>
						</ul>
				</li>
				<li>
					服裝<ul>
							<li>男士品牌</li>
							<li>男士雜牌</li>
							<li>女士平拍</li>
							<li>女士雜牌</li>
						 </ul>
				</li>									
			</ul>
		
		</p>
		<h1 id="2">第二章</h1>
		<p>
			<ol><!--有序列表,父元素-->
				<li><!-- 列表項,子列表-->
					 web
						<ol>
						<li>瀏覽器客戶端</li>
						<li>web伺服器</li>
						<li>http通訊協議</li>
						</ol>
				</li>
				<li>					
					編寫html
					<ol>
						<li>使用文字工具編寫</li>
						<li>一定以html結尾儲存</li>
						<li>儲存檔案已utf-8儲存,文字檔案就一定有編碼問題</li>
					</ol>					
				</li>
			</ol>

		</p>

		<h1 id="3">第三章</h1>
		<p>
			表格,s行3列
		</p>
			<table border="1">
				<tr>
					<td>1</td>
					<td>2</td>
					<td>3</td>
				</tr>
				<tr>
					<td>4</td>
					<td>5</td>
					<td>6</td>
				</tr>
				<tr>
					<td>7</td>
					<td>8</td>
					<td>9</td>
				</tr>

	<a href="#">返回</a><!--返回最前面-->
	</body>

</html>

相關推薦

關於一點HTML東西

<!DOCTYPE html> <!--採用html5標準的文件定義--> <html> <head> <title>HTML第一天</title> <!--通知瀏覽器使用utf-8來解

每天學習一點東西——vim篇(二)

學些這些比較簡單的操作時,一定要自己動手實踐才會有效果。 本文文章參考vim的簡單使用教程 第三課 各種查詢操作 比如我們想在文件中搜索一個簡單的字串like,可以用/命令::/like 找到第一個後繼續查詢::/(不能用 .命令) 如果用到正

基於tomcat7 web開發中的一點東西

資訊: At least one JAR was scanned for TLDs yet contained no TLDs. Enable debug logging for this logger for a complete list of JARs that were scanned but no

關於DataGrid的一點基礎東西

1、列名顯示MS讓DataGrid的外觀配置,包括列名的顯示,全部交給了GridTableStylesCollection。DataGridTableStyle是一個DataGridTableStyle集合,由MappingName確定唯一性。而GridColumnStyle

前端學習筆記2017.6.21-html是個什麽東西

向人 比較 htm 發送 書寫 文檔 輕量 文件名 這就是 html有兩種意思,html語言和html格式 html語言是一種面向人類的計算機語言,這是啥意思?人類用html這種語言描述出一個網頁的樣子,瀏覽器解析這個語言並展示出來。 html格式是一種文件格式,裏面存儲的

HTML項目實踐中學到的東西(1)

http 原因 css 資源 validate tar 靜態網頁 靜態 ref 1.組織的重要性。 首先是要建立兩個根文件夾,一個存上線頁面的資源,一個存測試頁面的資源。所有改動內容都在測試頁面的文件夾中進行,在這個文件夾中進行測試、W3C語法檢測後(HTML檢測網站

每個HTML文件裏開頭都有個很重要的東西,Doctype,知道這是幹什麽的嗎?

註意 soft 規範 fff microsoft mic html 使用 gpo 1、作用   該標簽告知瀏覽器文檔所使用的 HTML 規範。告訴瀏覽器按照何種規範解析頁面 2、常用的DOCTYPE聲明 HTML5 <!DOCTYPE html> HTML

看了一點東西

class Scale(Layer): def __init__(self, weights=None, axis=-1, momentum = 0.9, beta_init='zero', gamma_init='one', **kwargs): self.momentum

關於html中表格邊框更精細的一點分享

關於html中表格邊框的一點分享 小白今天在複習html表格的標籤的時候發現僅用html做的表格邊框線很粗糙,然後無意間發現一個巧妙的竅門可以使html製作的表格邊框線更精緻一點(不採用div等什麼其他方法,只用html語言)(大神可以直接pass了…) 首先來

landa表示式的一點東西

1:作用 代替匿名內部類、各種回撥,簡化程式碼。在編譯時還是會將lamda表示式編譯為匿名內部類。 2:格式 2.1 多引數 (x1,x2,....) -> { 表示式1;表示式2;.......}; 2.2 單引數 x1 -> {表示式1;表示式2;

回撥函式的一點東西

        簡單來說,就是將一個函式A(),作為另一個函式的引數B(arg c1,A),當B執行時就會回撥A來完成某個事件的處理,A就為回撥函式。         允許多重回調函式。         通過傳入不同的回撥函式可以讓已有的函式執行不同的處理方法,從而實現不

setAttribute與style.property:關於初識HTML DOM屬性設定的一點思考

對於HTML DOM 來說,我一直用setAttribute來設定屬性值,後來很多問題通過 document.getElementsByTagName("id").setAttribute("type","button"); 來設定,很多情況都沒有成功。 問了問前端的

每個 HTML 檔案裡開頭都有個很重要的東西,Doctype,知道這是幹什麼的嗎?

每個HTML檔案裡開頭都有個很重要的東西 ,Doctype,知道這是幹什麼的嗎? 要點一 : 該標籤告知瀏覽器瀏覽文件要使用的HTML規範 , 告知瀏覽器以何種規範解析頁面 要點二 : 宣告對大小寫不敏感

HTML】表單form中一單回車就提交的text、一點選就提交的button

先上一段看似很簡單HTML程式碼: <!doctype html> <html> <body> <form action="2.html" method="post"> <input type=

關於dialog的一點東西

       今天開發一個上傳照片的小功能,對彈出的Dialog的一些用法查找了下,記錄下來以後備用。 1.設定dialog標題居中:  在style中配置如下程式碼  <style name=

JavaScript一點基本的東西……

1.document.write("");為 輸出語句2.JS中的註釋為//3.傳統的HTML文件順序是:document->html->(head,body)4.一個瀏覽器視窗中的DOM順序是:window->(navigator,screen,history,location,docu

關於Servlet基礎的一點東西

剛接觸Servlet時感覺有點暈,各種與servlet相關的東西。從API上弄了點東西,供初學者參考。 Servlet是執行在伺服器端的程式,Sun只是制定了其規範(即只定義了介面),而由Servlet容器來具體實現。所以,Servlet程式的具體實現因容器的不

關於 static 靜態程式碼塊的一點東西

靜態程式碼塊(static block ),不包含在任何方法體中當類被載入時,自動執行靜態程式碼塊,且只被執行一次經常用於類屬性的初始化。 這是網上通行的關於靜態程式碼塊的定義。 在Java中,類裝載器把一個類裝入Java虛擬機器中,要經過三個步驟來完成:裝載

在學習HTML——form表單中的label標籤時的一點小體會

在我啃了一遍書本之後,開始了在慕課看視訊的過程,從最開始的HTML+CSS的基礎課程看起,在第5-9小節講到了form表單的label標籤,          首先看一下慕課的講解:        label 標籤不會向用戶呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用

一點關於MG996R舵機的東西

一個MG996R的引數 尺寸:40.8*20*38mm 重量:55g 速度:[email protected]/60°[email protected]/60° 扭力:[email